添加动画效果

beiRen/public/data.js

@@ -0,0 +1,67 @@
+const sceneLinkTemp = [
+  {
+    id: 1,
+    title: 'A馆',
+    items: [
+      {
+        title: 'AC馆',
+        link: 'SG-EqJ3lXRKbec'
+      },
+      {
+        title: 'A馆一楼',
+        link: 'SG-RKQlQv36Nbu'
+      },
+      {
+        title: 'A馆二楼',
+        link: 'SG-ryBEFpjTbxB'
+      }
+    ]
+  },
+  {
+    id: 2,
+    title: 'B馆',
+    items: [
+      {
+        title: 'BD馆',
+        link: 'SG-nFe1LNF3kpy'
+      },
+      {
+        title: 'B1馆',
+        link: 'SG-OOJPFzY5ZFz'
+      },
+      {
+        title: 'B2馆',
+        link: 'SG-9ZztEoyICcV'
+      },
+      {
+        title: 'B馆中央大厅',
+        link: 'SG-tVtpwYiqvaf'
+      }
+    ]
+  },
+  {
+    id: 3,
+    title: 'C馆',
+    items: [
+      {
+        title: 'C馆',
+        link: 'SG-goZny7WUC1o'
+      }
+    ]
+  },
+  {
+    id: 4,
+    title: 'D馆',
+    items: [
+      {
+        title: 'D馆',
+        link: 'SG-nFe1LNF3kpy'
+      },
+      {
+        title: 'D馆会议中心',
+        link: 'SG-vL4jGsIw63c'
+      }
+    ]
+  }
+]
+

嵌套四维看看demo/src/pages/A1home/index.module.scss

@@ -60,6 +60,12 @@
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
+            scale: 1;
+              transition: all 0.3s;
+            &:hover {
+              scale: 1.1;
+              transition: all 0.6s;
+            }
           }
           .exhibitionTitleAc {
             background-color: #0eccd2;
@@ -86,6 +92,12 @@
               object-fit: cover;
               width: 100%;
               height: calc(100% - 30px);
+              transition: all 0.3s;
+              scale: 1;
+              &:hover {
+                scale: 1.1;
+                transition: all 0.3s;
+              }
             }
             & > p {
               width: 100%;

嵌套四维看看demo/public/data.js

@@ -1,43 +0,0 @@
-const sceneLinkTemp = [
-  {
-    id: 1,
-    title: 'A馆',
-    items: [
-      {
-        title: '火箭大街1号楼1层',
-        link: 'SG-EqJ3lXRKbec'
-      },
-      {
-        title: '展馆2',
-
-        link: 'SG-713368'
-      }
-    ]
-  },
-  {
-    id: 2,
-    title: 'B馆',
-    items: [
-      {
-        title: '展馆5',
-        link: 'SG-713368'
-      }
-    ]
-  },
-  {
-    id: 3,
-    title: 'C馆',
-    items: []
-  },
-  {
-    id: 4,
-    title: 'D馆',
-    items: [
-      {
-        title: '展馆9',
-
-        link: 'SG-713368'
-      }
-    ]
-  }
-]