upp

hot/src/views/Home.vue

@@ -24,6 +24,14 @@
           />
         </div>
 
+        <!-- 如果只有一个模块 -->
+        <div
+          class="oneTabNum"
+          v-if="flooTab.length === 1 && data[myType] && data[myType].length"
+        >
+          {{ myInd + 1 }} / {{ data[myType].length }}
+        </div>
+
         <!-- 底部的tab -->
         <div class="flooTabBox" v-if="flooTab.length > 1">
           <div
@@ -295,6 +303,14 @@ export default {
         right: 20px;
         bottom: 30px;
       }
+      .oneTabNum {
+        z-index: 10;
+        position: absolute;
+        bottom: 30px;
+        left: 50%;
+        transform: translateX(-50%);
+        font-size: 14px;
+      }
       .flooTabBox {
         z-index: 10;
         position: absolute;
@@ -335,7 +351,7 @@ export default {
         left: 0;
         opacity: 0;
         pointer-events: none;
-        transition: all 0.3s;
+        transition: all 0.5s;
 
         .modelBox,
         .videoBox,
@@ -361,7 +377,7 @@ export default {
           .smImgBox {
             width: 100%;
             height: 100%;
-            cursor: pointer;
+            cursor: zoom-in;
             & > img {
               pointer-events: none;
               width: 100%;

scene/src/views/gui/components/hotList.vue

@@ -145,9 +145,9 @@ export default {
           &:hover {
             color: #fff;
           }
-          .active {
-            color: #d6b970;
-          }
+        }
+        .active {
+          color: #d6b970 !important;
         }
       }
     }