fix:做一些需求修改

public/staticData/data.js

@@ -301,27 +301,27 @@ const dataAll = {
         scenes: [
           {
             name: '当戒寨1',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_hYTpg8thE&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_0QVq4QMH8&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_gWIF8oGkZ/vtour/panos/fd720_gWIF8oGkZ.tiles/thumb.jpg'
           }, {
             name: '当戒寨2',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_lIl1xSDNF&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_0QVq4QMH8&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_lIl1xSDNF/vtour/panos/fd720_lIl1xSDNF.tiles/thumb.jpg'
           }, {
             name: '当戒寨3',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_V3UVKFkM8&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_5EOeeG6YV&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_V3UVKFkM8/vtour/panos/fd720_V3UVKFkM8.tiles/thumb.jpg'
           }, {
             name: '当戒寨4',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_qSkhN7Tup&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_0jdMM5I3V&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_qSkhN7Tup/vtour/panos/fd720_qSkhN7Tup.tiles/thumb.jpg'
           }, {
             name: '当戒寨5',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_jCAsMwGqy&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_Bd5xBtAG5&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_jCAsMwGqy/vtour/panos/fd720_jCAsMwGqy.tiles/thumb.jpg'
           }, {
             name: '当戒寨6',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_XIVWzyMQR&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777161611811753984&vr=fd720_LkS4WRFsn&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_XIVWzyMQR/vtour/panos/fd720_XIVWzyMQR.tiles/thumb.jpg'
           }
         ]
@@ -332,27 +332,27 @@ const dataAll = {
         scenes: [
           {
             name: '飞虫寨1',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_dGkEPfRVM&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_ju8WLUNtt&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_dGkEPfRVM/vtour/panos/fd720_dGkEPfRVM.tiles/thumb.jpg'
           }, {
             name: '飞虫寨2',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_pnker8DsS&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_EKV809llp&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_pnker8DsS/vtour/panos/fd720_pnker8DsS.tiles/thumb.jpg'
           }, {
             name: '飞虫寨3',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_EYq7dJON6&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_tdH88RewU&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_EYq7dJON6/vtour/panos/fd720_EYq7dJON6.tiles/thumb.jpg'
           }, {
             name: '飞虫寨4',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_dDzPLPPWY&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_TSqnB2QF7&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_dDzPLPPWY/vtour/panos/fd720_dDzPLPPWY.tiles/thumb.jpg'
           }, {
             name: '飞虫寨5',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_eN4OD5Zql&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_4AQwV71l6&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_eN4OD5Zql/vtour/panos/fd720_eN4OD5Zql.tiles/thumb.jpg'
           }, {
             name: '飞虫寨6',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_hYwevoCmv&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777151982713180160&vr=fd720_wc1pFLVd0&lang=zh',
             coverImg: 'https://4dkk.4dage.com/720yun_fd_manage/fd720_hYwevoCmv/vtour/panos/fd720_hYwevoCmv.tiles/thumb.jpg'
           }
         ]
@@ -463,27 +463,27 @@ const dataAll = {
         scenes: [
           {
             name: '游客中心1',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_n4hXeD3Xr&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_sJuC5j65Z&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_n4hXeD3Xr/vtour/panos/fd720_n4hXeD3Xr.tiles/thumb.jpg'
           }, {
             name: '游客中心2',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_BZ8ON6mP2&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_GRi86p9gq&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_BZ8ON6mP2/vtour/panos/fd720_BZ8ON6mP2.tiles/thumb.jpg'
           }, {
             name: '游客中心3',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_6jx64RGr6&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_6G0pA5hOp&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_6jx64RGr6/vtour/panos/fd720_6jx64RGr6.tiles/thumb.jpg'
           }, {
             name: '游客中心4',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_0v8RZbQn7&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_fJmqTxv8P&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_0v8RZbQn7/vtour/panos/fd720_0v8RZbQn7.tiles/thumb.jpg'
           }, {
             name: '游客中心5',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_sJuC5j65Z&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_7P7VJVecs&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_sJuC5j65Z/vtour/panos/fd720_sJuC5j65Z.tiles/thumb.jpg'
           }, {
             name: '游客中心6',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_j8udRPmp5&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776943408263204864&vr=fd720_Y5mjmlEZH&lang=zh',
             coverImg: '	https://4dkk.4dage.com/720yun_fd_manage/fd720_j8udRPmp5/vtour/panos/fd720_j8udRPmp5.tiles/thumb.jpg'
           }
         ]
@@ -494,19 +494,19 @@ const dataAll = {
         scenes: [
           {
             name: '党校1',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776944494730547200&vr=fd720_QvGdwvcFx&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777180451203452928&vr=fd720_e80aGPkiz&lang=zh',
             coverImg: '1.png'
           }, {
             name: '党校2',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776944494730547200&vr=fd720_URPZOB6ZY&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777180451203452928&vr=fd720_e80aGPkiz&lang=zh',
             coverImg: '2.png'
           }, {
             name: '党校3',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776944494730547200&vr=fd720_optOJppaA&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777180451203452928&vr=fd720_e80aGPkiz&lang=zh',
             coverImg: '3.png'
           }, {
             name: '党校4',
-            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1776944494730547200&vr=fd720_IE9k6aXKe&lang=zh',
+            link: 'https://sit-shibadong.4dage.com/panorama/show.html?id=WK1777180451203452928&vr=fd720_e80aGPkiz&lang=zh',
             coverImg: '4.png'
           }
         ]
@@ -674,29 +674,62 @@ const dataAll = {
   },
   scenes: {
     id: 3,
-    name: '展馆',
+    name: '虚拟场景',
     disc: '沉浸式虚拟逛展',
     content: [
+      // {
+      //   id: 22,
+      //   name: '十八洞村思源餐厅',
+      //   title1: '村',
+      //   title2: '思源餐厅',
+      //   coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-0NKXh1TsRoF/user/thumb-2k.jpg',
+      //   link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-0NKXh1TsRoF&lang=zh',
+      //   top: '13%',
+      //   right: '27%'
+      // },
+      {
+        id: 102,
+        name: '十八洞村陈列馆一二楼',
+        title1: '村',
+        title2: '精准扶贫陈列展览',
+        class:'chenlie',
+        coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-n861OZCBj9g/images/tiles/4k/0_skybox3.jpg',
+        link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-7w6beohW0SV',
+        top: '0%',
+        right: '26%'
+      },
+      {
+        id: 100,
+        name: '十八洞村宾馆-复兴书屋',
+        title1: '村',
+        title2: '复兴书屋',
+        coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-Z0bljPCpxNe/images/tiles/4k/0_skybox3.jpg',
+        link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-Z0bljPCpxNe&lang=zh',
+        top: '46%',
+        right: '7%'
+      },
       {
-        id: 22,
-        name: '十八洞村思源餐厅',
+        id: 31,
+        name: '十八洞村村部铸牢中华民族体意识研究与教育基地',
         title1: '村',
-        title2: '思源餐厅',
-        coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-0NKXh1TsRoF/user/thumb-2k.jpg',
-        link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-0NKXh1TsRoF&lang=zh',
-        top: '13%',
-        right: '27%'
+        title2: '铸牢中华民族体意识研究与教育基地',
+        class: 'znzhmz',
+        coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-zeUY8SIudGo/images/tiles/4k/0_skybox3.jpg',
+        link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-zeUY8SIudGo&lang=zh',
+        top: '4%',
+        right: '23%'
       },
       {
         id: 23,
         name: '十八洞村村部',
         showLable: true,
         title1: '村',
-        title2: '村部',
+        title2: '综合服务中心',
+        class:'cunbu',
         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%',
-        right: '33%'
+        top: '8%',
+        right: '32%'
       }, {
         id: 24,
         name: '十八洞村大姐家',
@@ -729,17 +762,7 @@ const dataAll = {
         top: '31%',
         right: '33%'
       },
-      {
-        id: 31,
-        name: '十八洞村村部铸牢中华民族体意识研究与教育基地',
-        title1: '村',
-        title2: '铸牢中华民族体意识研究与教育基地',
-        class: 'znzhmz',
-        coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-zeUY8SIudGo/images/tiles/4k/0_skybox3.jpg',
-        link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-zeUY8SIudGo&lang=zh',
-        top: '4%',
-        right: '23%'
-      },
+
       {
         id: 32,
         name: '座谈会民宅',
@@ -751,16 +774,7 @@ const dataAll = {
         top: '50%',
         right: '0%'
       },
-      {
-        id: 100,
-        name: '十八洞村宾馆-复兴书屋',
-        title1: '村',
-        title2: '复兴书屋',
-        coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-Z0bljPCpxNe/images/tiles/4k/0_skybox3.jpg',
-        link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-Z0bljPCpxNe&lang=zh',
-        top: '46%',
-        right: '7%'
-      },
+
       // {
       //   id: 101,
       //   name: '十八洞村陈列馆一楼',
@@ -771,16 +785,7 @@ const dataAll = {
       //   top: '8%',
       //   right: '33%'
       // },
-      {
-        id: 102,
-        name: '十八洞村陈列馆一二楼',
-        title1: '村',
-        title2: '陈列馆',
-        coverImg: 'https://4dkk.4dage.com/scene_view_data/KJ-n861OZCBj9g/images/tiles/4k/0_skybox3.jpg',
-        link: 'https://sit-shibadong.4dage.com/scene/index.html#/?m=KJ-n861OZCBj9g&lang=zh',
-        top: '8%',
-        right: '33%'
-      },
+
     ],
     lable: [
       {
@@ -1148,7 +1153,8 @@ const dataAll = {
           {
             id: 0,
             name: '央视十八洞扶贫之一',
-            link: '0198-SP·2016-001-Y-0001央视十八洞扶贫之一.mp4'
+            link: '0198-SP·2016-001-Y-0001央视十八洞扶贫之一.mp4',
+            img:'0.png'
           },
           {
             id: 1,

src/views/Home/homePage.vue

@@ -225,8 +225,9 @@
               <swiper-slide class="slide-item" v-for="(item, index) in currentV.list" :key="index">
                 <div class="content-item" @click="isOpenVideo = true, curOpenVideoItem = item">
                   <img src="@/assets/images/home/play.png" alt="">
-                  <img class="line" src="@/assets/images/home/video-line.png" alt="">
-                  <video :src="`${baseUrl}/video/${item.link}`"></video>
+                  <img class="line" src="@/assets/images/new/qjbg.png" alt="" />
+                  <video 
+                    :src="`${baseUrl}/video/${item.link}`"></video>
                   <div>{{ item.name }}</div>
                 </div>
               </swiper-slide>
@@ -271,6 +272,8 @@
       mxd: item.class == 'mxd',
       fyx: item.class == 'fyx',
       znzhmz: item.class == 'znzhmz',
+      cunbu: item.class == 'cunbu',
+      chenlie: item.class == 'chenlie'
     }" v-show="state == 'scene' && (sceneState ? item.id > 50 : item.id < 50)" v-for="item in dataAll.scenes.content"
       :key="item.id + 'scene'" :style="{ top: item.top, right: item.right }" @click="goSceneAnchor(item.id)">
       <img v-if="item.class == 'mxd'" :src="item.id == activeScene ? mxda : mxd" alt="" />
@@ -278,8 +281,10 @@
         alt="" />
       <img v-else-if="item.class == 'fyx'" style="transform: rotate(180deg)" :src="item.id == activeScene ? mxda : mxd"
         alt="" />
+      <img v-else-if="item.class == 'chenlie'" :src="item.id == activeScene ? chenliea : chenlie" alt="" />
+      <img v-else-if="item.class == 'cunbu'" :src="item.id == activeScene ? cunbua : cunbu" alt="" />
       <img v-else :src="item.id == activeScene ? lable3a : lable3" alt="" />
-      <div>{{ item.title2 }}</div>
+      <div :class="{ chenlie: item.class == 'chenlie' || item.class == 'cunbu', }">{{ item.title2 }}</div>
     </div>
     <!-- 馆藏详情 -->
     <div class="productBanner" v-if="state == 'product'">
@@ -303,7 +308,7 @@ export default {
       // home-首页，info-简介，full-全景，scene-展馆，product-馆藏
       state: "home",
       // state == full
-      sceneState: false,
+      sceneState: true,
       search: "",
       currentV: {},
       isShade: false,
@@ -320,7 +325,7 @@ export default {
       productActive: "历史",
       productHtml: "",
       activeStep: 1,
-      activeScene: 22,
+      activeScene: 102,
       activequanjing: 1,
       activeshiping: 1,
       introData: {},
@@ -333,6 +338,10 @@ export default {
       changurla: require("@/assets/images/new/chaochang2.png"),
       mxd: require("@/assets/images/new/fys.png"),
       mxda: require("@/assets/images/new/fysa.png"),
+      chenlie: require("@/assets/images/new/chenlie.png"),
+      chenliea: require('@/assets/images/new/chenliea.png'),
+      cunbu: require('@/assets/images/new/cunbu.png'),
+      cunbua: require('@/assets/images/new/cunbua.png'),
       isEndReached: false,
       showVideoList: [
         {
@@ -432,8 +441,9 @@ export default {
       this.dataAll.scenes.content.forEach((item) => {
         let anchor = document.getElementById(`scene${item.id}`);
         offsetTopArr.push({
-          value: anchor.offsetTop,
+          value: anchor.offsetTop - 200,
           id: item.id,
+          name: item.title2
         });
       });
       this.sceneoffsetTopArr = offsetTopArr;
@@ -457,7 +467,7 @@ export default {
       let navIndex = 0;
       if (this.state == "scene") {
         const scrollTop = document.getElementById("scroll-scenes").scrollTop;
-        this.sceneState = scrollTop > 2000;
+        this.sceneState = scrollTop <= 400;
         if (!this.sceneoffsetTopArr) return;
         for (let n = 0; n < this.sceneoffsetTopArr.length; n++) {
           // 如果 scrollTop 大于等于第 n 个元素的 offsetTop 则说明 n-1 的内容已经完全不可见
@@ -467,7 +477,7 @@ export default {
             this.activeScene = id;
           }
         }
-        console.log(scrollTop);
+        console.log(scrollTop, this.sceneoffsetTopArr);
       } else {
         const scrollTop = document.getElementById("scroll-box").scrollTop + 200;
         // 定义当前点亮的导航下标
@@ -655,6 +665,12 @@ export default {
   opacity: 0;
   /* 或者 visibility: hidden; */
 }
+.swiper-button-next{
+  right: -50px;
+}
+.swiper-button-prev{
+  left: -50px
+}
 
 .home {
   width: 100%;
@@ -753,6 +769,7 @@ export default {
     background-size: cover;
     position: relative;
     z-index: 5;
+    transition: none;
 
     .gridding {
       width: 100%;
@@ -1046,7 +1063,7 @@ export default {
             flex-direction: column;
             justify-content: space-between;
             cursor: pointer;
-            margin-right: 15px;
+            margin-right: 40px;
 
             .bottomAc {
               width: 100%;
@@ -1066,7 +1083,7 @@ export default {
 
           .prev {
             position: absolute;
-            left: 10px;
+            left: -50px;
             top: 50%;
             transform: translateY(-50%);
             z-index: 2;
@@ -1074,7 +1091,7 @@ export default {
 
           .next {
             position: absolute;
-            right: 10px;
+            right: -50px;
             top: 50%;
             transform: translateY(-50%);
             z-index: 2;
@@ -1097,8 +1114,8 @@ export default {
             width: 600px;
 
             .line {
-              width: 100%;
-              height: 90%;
+              width: 101%;
+              height: 92%;
               position: absolute;
               top: 50%;
               left: 50%;
@@ -1122,6 +1139,7 @@ export default {
               margin-bottom: 10px;
               cursor: pointer;
               box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
+              border-radius: 10px;
 
             }
           }
@@ -1389,6 +1407,10 @@ export default {
       line-height: 18px;
       text-align: center;
     }
+
+    .chenlie {
+      top: 13%;
+    }
   }
 
   .znzhmz {
@@ -1403,6 +1425,18 @@ export default {
     }
   }
 
+  .cunbu {
+    img {
+      width: 150px !important;
+    }
+  }
+
+  .chenlie {
+    img {
+      width: 200px;
+    }
+  }
+
   .fyx {
     div {
       top: 56%;

src/views/Home/routePage.vue

@@ -75,6 +75,11 @@ export default {
   watch: {},
   methods: {
     openLink(url) {
+      const audioDom = document.getElementById('audio')
+      // 判断音乐是否在播放
+      if(this.isAudio){
+        audioDom.pause()
+      }
       window.open(url)
     },
     audioChange(isPlay) {