feat: nfc写入样式

App.vue

@@ -79,20 +79,20 @@ export default {
       const normalTabBar = [
         {
           pagePath: "/pages/index/planList",
-          iconPath: "/static/tab/list.png",
+          iconPath: "/static/tab/planList.png",
-          selectedIconPath: "/static/tab/list_cur.png",
+          selectedIconPath: "/static/tab/planList-active.png",
           text: "计划",
         },
         {
           pagePath: "/pages/index/index",
-          iconPath: "/static/tab/home.png",
+          iconPath: "/static/tab/admin-home.png",
-          selectedIconPath: "/static/tab/home_cur.png",
+          selectedIconPath: "/static/tab/admin-home-acitve.png",
           text: "首页",
         },
         {
           pagePath: "/pages/user/index",
-          iconPath: "/static/tab/my.png",
+          iconPath: "/static/tab/admin-my.png",
-          selectedIconPath: "/static/tab/my_cur.png",
+          selectedIconPath: "/static/tab/admin-my-active.png",
           text: "设置",
         },
       ];

pages/adminNfc/components/bindDialog.vue

@@ -31,7 +31,7 @@
         <view class="dialog-image-container">
           <!-- 替换为实际的图片路径 -->
           <image
-            src="/static/images/nfc-dialog-icon.png"
+            src="/static/adminImg/nfc-result.png"
             mode="widthFix"
             class="dialog-image"
           ></image>

pages/adminNfc/index.vue

@@ -46,7 +46,12 @@
         <view v-for="i in 80" class="item-box">
           <view class="item-title">子区域{{ i }}</view>
           <view v-if="i % 2 === 0" class="btn-have btn">已绑定</view>
-          <view v-if="i % 2 !== 0" class="btn-none btn">去绑定</view>
+          <view
+            v-if="i % 2 !== 0"
+            class="btn-none btn"
+            @click="showDialog = true"
+            >去绑定</view
+          >
         </view>
       </scroll-view>
     </view>
@@ -57,16 +62,27 @@
       @click="changeFn"
       v-model:value="selectShow"
     ></u-action-sheet>
+    <bind-dialog
+      :visible="showDialog"
+      @close="showDialog = false"
+      @changeBinding="onChangeBinding"
+      @confirm="onConfirm"
+    ></bind-dialog>
     <u-tabbar :list="vuex_tabbar"></u-tabbar>
   </view>
 </template>
 <script>
 import { loginApi } from "@/api/apiList";
+import BindDialog from "@/pages/adminNfc/components/bindDialog.vue"; // 确保路径正确
 export default {
+  components: {
+    BindDialog,
+  },
   data() {
     return {
       keyword: "",
       selectShow: false,
+      showDialog: false,
       selectVal: "全部",
       options: [
         {
@@ -125,6 +141,15 @@ export default {
       console.log(val, "val--");
       this.tabCurrent = val;
     },
+
+    onChangeBinding() {
+      console.log("点击了更换绑定");
+      // 处理更换绑定的逻辑
+    },
+    onConfirm() {
+      console.log("点击了知道了");
+      // 处理确认逻辑
+    },
   },
 };
 </script>
@@ -156,14 +181,14 @@ export default {
       }
     }
     .card-left {
-      background: url("/static/adminImg/icon-bg1.png") no-repeat right 32rpx bottom 20rpx /
+      background: url("/static/adminImg/icon-bg1.png") no-repeat right 32rpx
-        60rpx 60rpx;
+        bottom 20rpx / 60rpx 60rpx;
       background-color: #4974f3;
     }
     .card-right {
       margin-left: 20rpx;
-      background: url("/static/adminImg/icon-bg2.png") no-repeat right 32rpx bottom 20rpx /
+      background: url("/static/adminImg/icon-bg2.png") no-repeat right 32rpx
-        60rpx 60rpx;
+        bottom 20rpx / 60rpx 60rpx;
       background-color: #53d5a9;
     }
   }