up

houtai/src/views/tab3/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="tab3">
     <div class="insideTop">
-      数据统计（等待开发）
+      数据统计
       <div class="addBtn">
         <el-button type="primary">导出</el-button>
       </div>
@@ -28,7 +28,7 @@
       </div>
       <!-- 下面盒子 -->
       <div class="bottom">
-        <span class="tit">VR景点打卡排行</span>
+        <span class="tit">VR景点打卡排行（等待开发）</span>
         <div class="botRowBox">
           <div class="botRow" v-for="i in 10" :key="i">
             <div class="botLeft">
@@ -138,9 +138,22 @@ export default {
       },
       series: [
         {
-          name: '',
           type: 'bar',
-          data: objTemp.num
+          data: objTemp.num,
+          itemStyle: {
+            normal: {
+              label: {
+                formatter: '{c}',
+                show: true,
+                position: 'right',
+                textStyle: {
+                  fontWeight: 'bolder',
+                  fontSize: '16',
+                  color: '#02a7f0'
+                }
+              }
+            }
+          }
         }
       ]
     }

web/src/components/eight.vue

@@ -46,7 +46,7 @@
               </p>
             </div>
             <div class="detailPP">
-              <span class="detailSpan">建筑概况：</span>{{ detailData.txt5 }}
+              <span class="detailSpan">建筑概况：</span><i v-html="detailData.txt5"></i>
             </div>
           </div>
           <!-- 图片 -->
@@ -346,6 +346,9 @@ export default {
           .detailPP {
             height: 200px;
             overflow-y: auto;
+            i {
+              font-style: normal;
+            }
             .detailSpan {
               font-family: "思源宋体";
               font-size: 20px;

web/src/components/seven.vue

@@ -39,7 +39,8 @@
               </p>
             </div>
             <div class="detailPP">
-              <span class="detailSpan">简介：</span>{{ detailData.txt4 }}
+              <span class="detailSpan">简介：</span
+              ><i v-html="detailData.txt4"></i>
             </div>
           </div>
           <!-- 图片 -->
@@ -105,7 +106,7 @@ export default {
             slidesPerView: 3,
             spaceBetween: 0,
             centeredSlides: true,
-            initialSlide:1
+            initialSlide: 1,
             // pagination: {
             //   el: '.swiper-pagination',
             //   clickable: true,
@@ -155,7 +156,7 @@ export default {
   object-fit: cover;
 }
 .swiper-slide {
-  transition: all .3s;
+  transition: all 0.3s;
   opacity: 0.5;
 }
 .swiper-slide-active {
@@ -322,6 +323,9 @@ export default {
           .detailPP {
             height: 200px;
             overflow-y: auto;
+            i {
+              font-style: normal;
+            }
             .detailSpan {
               font-family: "思源宋体";
               font-size: 20px;

web/src/components/tow.vue

@@ -6,7 +6,7 @@
         <div class="rowLeft">{{ (index+1)<10?`0${index+1}`:index+1 }}</div>
         <div class="rowRight">
           <div class="sroolStop">{{item.name}}</div>
-          <p class="sroolStop">{{item.txt}}</p>
+          <p class="sroolStop" v-html="item.txt"></p>
         </div>
       </div>
     </div>

web/src/views/info/index.vue

@@ -22,7 +22,7 @@
     </div>
     <div class="conten">
       <div class="left">
-        <img src="../../assets/img/contCun/1001.png" alt="" />
+        <img :src="require(`@/assets/img/contCun/${$route.params.id}.png`)" alt="" />
         <div class="leftRow">
           <div
             @click="cutScroll(index)"

web/src/views/stair/component/share.vue

@@ -4,14 +4,14 @@
     <div class="main">
       <div class="title">分享</div>
       <div class="bigImg">
-        <img src="data/1001.png" alt="" />
+        <img src="data/1.png" alt="" />
       </div>
       <!-- 复制和下载 -->
       <div class="btn">
         <div class="lianjie" title="复制链接" @click="copy">
           <img src="../../../assets/img/copy.png" alt="" />
         </div>
-        <a href="data/1001.png" download title="下载">
+        <a href="data/1.png" download title="下载">
         <img src="../../../assets/img/download.png" alt="" />
         </a>
       </div>

web/src/views/stair/data.js

@@ -0,0 +1,14 @@
+export const txtInfo = [
+  { id: 1, tit: '东宁村', txt: '东宁村简介' },
+  { id: 2, tit: '良溪村', txt: '良溪村简介' },
+  { id: 3, tit: '卢边村', txt: '卢边村简介' },
+  { id: 4, tit: '田心村', txt: '田心村简介' },
+  { id: 5, tit: '仓前村', txt: '仓前村简介' },
+  { id: 6, tit: '霄南村', txt: '霄南村简介' },
+  { id: 7, tit: '歇马村', txt: '歇马村简介' },
+  { id: 8, tit: '自力村', txt: '自力村简介' },
+  { id: 9, tit: '马降龙村', txt: '马降龙村简介' },
+  { id: 10, tit: '浮石村', txt: '浮石村简介' },
+  { id: 11, tit: '浮月村', txt: '浮月村简介' },
+  { id: 12, tit: '横江村', txt: '横江村简介' },
+]

web/src/views/stair/index.vue

@@ -7,8 +7,7 @@
     </div>
     <!-- 右边村名 -->
     <div class="rightCM">
-      <img class="name" src="../../assets/img/cunName/1001.png" alt="" />
-      <img class="bs" src="../../assets/img/cunName/bs.png" alt="" />
+      <img class="name" :src="require(`@/assets/img/cunName/${$route.params.id}.png`)" alt="" />
     </div>
     <!-- 中间选项 -->
     <div class="conMain">
@@ -164,14 +163,6 @@ export default {
     position: absolute;
     top: 50px;
     right: 20px;
-    .name {
-      width: 50px;
-      height: 316px;
-    }
-    .bs {
-      width: 42px;
-      height: 67px;
-    }
   }
   .conMain {
     height: 400px;

webM/src/components/five.vue

@@ -40,7 +40,7 @@
             <span>年代：</span><i>{{ detailData.txt3 }}</i>
           </p>
           <p>
-            <span>简介：</span><i>{{ detailData.txt4 }}</i>
+            <span>简介：</span><i v-html="detailData.txt4"></i>
           </p>
         </div>
         <!-- 轮播图 -->

webM/src/components/six.vue

@@ -49,7 +49,7 @@
             <span>保护级别：</span><i>{{ detailData.txt4 }}</i>
           </p>
           <p>
-            <span>建筑概况：</span><i>{{ detailData.txt5 }}</i>
+            <span>建筑概况：</span><i v-html="detailData.txt5"></i>
           </p>
         </div>
         <!-- 轮播图 -->

webM/src/components/tow.vue

@@ -12,7 +12,7 @@
         </div>
         <div class="rowRight">
           <div class="sroolStop">{{ item.name }}</div>
-          <p class="sroolStop">{{ item.txt }}</p>
+          <p class="sroolStop" v-html="item.txt"></p>
         </div>
       </div>
     </div>

webM/src/views/info/index.vue

@@ -45,6 +45,7 @@
     </div>
     <!-- 下一页序列帧 -->
     <div
+      :class="{pageOpc:pageOpcAc}"
       class="pageGif"
       @click="pageInd++"
       v-if="pageInd < leftData.length - 1"
@@ -91,6 +92,7 @@ export default {
       // 关于序列帧
       pageGifLeft: 0,
       pageGifTim: null,
+      pageOpcAc:false
     };
   },
   //监听属性 类似于data概念
@@ -98,12 +100,20 @@ export default {
   //监控data中的数据变化
   watch: {
     pageInd(val) {
+
+      this.pageOpcAc=true
+      setTimeout(() => {
+        this.pageOpcAc=false
+      }, 500);
+
+
       // 控制顶部滑动
       let dom = document.querySelector(".rowBox");
       dom.scrollTo({ left: 82 * (val - 1), behavior: "smooth" });
       // 控制页面滑动
       let pageDom = document.querySelector(".mainBox");
       pageDom.scrollTo({ top: this.pageHei * val, behavior: "smooth" });
+
       // 切换的时候暂时视频
       this.$nextTick(() => {
         setTimeout(() => {
@@ -176,7 +186,9 @@ export default {
   }
   // 序列帧动图
   .pageGif {
-    z-index: 9999;
+    transform: opacity .5s;
+    opacity: 1;
+    z-index: 1;
     position: absolute;
     bottom: 10px;
     left: 50%;
@@ -187,6 +199,10 @@ export default {
     background-position-x: 0px;
     background-position-y: 0px;
   }
+  .pageOpc{
+    opacity: 0;
+    pointer-events: none;
+  }
   // 菜单栏
   .meanBox {
     z-index: 3;

webM/src/views/stair/component/share.vue

@@ -3,14 +3,14 @@
     <div class="main">
       <h3>分享</h3>
       <div class="imgBox">
-        <img src="data/1.png" alt="" />
+        <img src="data/M/1.png" alt="" />
       </div>
       <!-- 底部功能按钮 -->
       <div class="btn">
         <div class="lianjie" title="复制链接" @click="copy">
           <img src="@/assets/img/copy.png" alt="" />
         </div>
-        <a href="data/1.png" download title="下载">
+        <a href="data/M/1.png" download title="下载">
           <img src="@/assets/img/download.png" alt="" />
         </a>
       </div>

webM/src/views/stair/data.js

@@ -0,0 +1,14 @@
+export const txtInfo = [
+  { id: 1, tit: '东宁村', txt: '东宁村简介' },
+  { id: 2, tit: '良溪村', txt: '良溪村简介' },
+  { id: 3, tit: '卢边村', txt: '卢边村简介' },
+  { id: 4, tit: '田心村', txt: '田心村简介' },
+  { id: 5, tit: '仓前村', txt: '仓前村简介' },
+  { id: 6, tit: '霄南村', txt: '霄南村简介' },
+  { id: 7, tit: '歇马村', txt: '歇马村简介' },
+  { id: 8, tit: '自力村', txt: '自力村简介' },
+  { id: 9, tit: '马降龙村', txt: '马降龙村简介' },
+  { id: 10, tit: '浮石村', txt: '浮石村简介' },
+  { id: 11, tit: '浮月村', txt: '浮月村简介' },
+  { id: 12, tit: '横江村', txt: '横江村简介' },
+]

webM/src/views/stair/index.vue

@@ -7,8 +7,7 @@
     </div>
     <!-- 右边村名 -->
     <div class="rightCM">
-      <img class="name" src="../../assets/img/cName/1.png" alt="" />
-      <img class="bs" src="../../assets/img/bs.png" alt="" />
+      <img class="name" :src="require(`@/assets/img/cName/${$route.params.id}.png`)" alt="" />
     </div>
     <!-- 底部功能 -->
     <div class="botBtn">
@@ -145,14 +144,6 @@ export default {
     position: absolute;
     top: 17px;
     right: 14px;
-    .name {
-      width: 37px;
-      margin-right: 8px;
-    }
-    .bs {
-      vertical-align: bottom;
-      width: 27px;
-    }
   }
   .botBtn {
     padding: 0 10px;