样式相关

src/components/RFID/RFID.vue

@@ -1,12 +1,7 @@
 <template>
   <div class="flex-1 flex-column rfid">
     <div :key="i + 1" v-for="(arr, i) in newArr" v-show="i === num">
-      <div
+      <div :class="`list${index + 1} ${item.active ? 'active' : ''}`" :key="index" class="list" v-for="(item, index) in arr">
-        :class="`list${index + 1} ${item.active ? 'active' : ''}`"
-        :key="index"
-        class="list"
-        v-for="(item, index) in arr"
-      >
         <span>{{ item.name }}</span>
       </div>
     </div>
@@ -106,15 +101,15 @@ export default {
       }, 1500);
     },
 
-    // 分页
+    // // 分页
-    changePage() {
+    // changePage() {
-      setInterval(() => {
+    //   setInterval(() => {
-        this.num++;
+    //     this.num++;
-        if (this.num === this.newArr.length) {
+    //     if (this.num === this.newArr.length) {
-          this.num = 0;
+    //       this.num = 0;
-        }
+    //     }
-      }, 5000);
+    //   }, 5000);
-    },
+    // },
 
     // 收到消息高亮
     setLight(step) {
@@ -136,6 +131,9 @@ export default {
           }
         });
       } else {
+        // if (this.t) {
+        //   clearInterval(this.t);
+        // }
         this.setTime();
       }
     },