bug fix

src/views/DeviceList.vue

@@ -184,7 +184,7 @@ export default {
               height: 4.3vw;
               margin-right: 1.4vw;
             }
-            > span {
+            > a {
               margin-top: 0.3vw;
               font-size: 3.6vw;
               font-weight: 400;

src/views/HomeMobile.vue

@@ -100,20 +100,22 @@
               :key="index"
               class="swiper-slide"
               :class="{
-                single: hotspotData.images.length === 1
+                single: hotspotData.video.length === 1
               }"
               @click="viewVideo(item)"
             >
-              <video
-                ref="video"
-                :src="item.url"
-              />
               <img
+                class="cover"
+                src="@/assets/images/video-icon.png"
+                alt=""
+                draggable="false"
+              >
+              <!-- <img
                 class="icon"
                 src="@/assets/images/play.png"
                 alt=""
                 draggable="false"
-              >
+              > -->
             </div>
           </div>
         <!-- <div class="swiper-pagination" />
@@ -429,7 +431,7 @@ export default {
             width: 30.2vw;
             height: 19.6vw;
             position: relative;
-            > video {
+            > .cover {
               object-fit: contain;
               border-radius: 4px;
               width: 100%;
@@ -440,8 +442,8 @@ export default {
               left: 50%;
               top: 50%;
               transform: translate(-50%, -50%);
-              width: 6.2vw;
-              height: 6.2vw;
+              width: 8vw;
+              height: 8vw;
             }
           }
           > .swiper-slide.single {
@@ -500,4 +502,9 @@ h3 {
   font-size: 4.3vw;
   color: black;
 }
+a {
+  color: #00A0E6;
+  font-size: 3.6vw;
+  text-decoration: underline;
+}
 </style>