1

public/staticData/data.js

@@ -336,10 +336,10 @@ const dataAll = {
       },
       {
         id: 23,
-        name: '十八洞村村部一楼',
+        name: '十八洞村村部',
         showLable: true,
         title1: '村',
-        title2: '村部一楼',
+        title2: '村部',
         coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-LGeMazpL33X/user/thumb-2k.jpg',
         link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-LGeMazpL33X&lang=zh',
         top: '18%',

src/views/Home/homePage.vue

@@ -4,6 +4,9 @@
     :class="{ homeOther: state !== 'home' }"
     :style="{ backgroundImage: `url(${getSceneImg()})` }"
   >
+    <div class="baiyun">
+      <img src="@/assets/images/home/baiyun.png" alt="">
+    </div>
     <!-- :style="{ 'width': state == 'product' ? '100%' : '' }" -->
     <div class="left-box">
       <img class="gridding" src="@/assets/images/home/gridding.png" alt="" />
@@ -650,6 +653,7 @@ export default {
   position: relative;
   transition-duration: 0.5s;
   background-color: #186170;
+  overflow: hidden;
   * {
     transition: all 1s ease;
   }
@@ -659,6 +663,16 @@ export default {
       width: 116px;
     }
   }
+  .baiyun{
+    position: absolute;
+    left: 100%;
+    animation: slideshow 10s linear infinite;
+    
+  }
+  @keyframes slideshow {
+    0%    { left: 100%; }
+    100%  { left: -100%; }
+  }
   .left-box {
     width: 57%;
     height: 100%;
@@ -666,7 +680,8 @@ export default {
     background: #2cd1977e;
     backdrop-filter: blur(2px);
     background-size: cover;
-
+    position: relative;
+    z-index: 5;
     .gridding {
       width: 100%;
       height: 100%;