up

webM/src/views/Exhibitions/Detail.vue

@@ -160,6 +160,7 @@ export default {
     imgLook(url) {
       ImagePreview({
         images: [url],
+        showIndex:false
       });
     },
     // Obj的滑动

webM/src/views/Exhibitions/Galleries.vue

@@ -49,6 +49,7 @@ export default {
     imgLook(url) {
       ImagePreview({
         images: [url],
+        showIndex:false
       });
     },
   },

webM/src/views/Exhibitions/Objects.vue

@@ -49,6 +49,7 @@ export default {
     imgLook(url) {
       ImagePreview({
         images: [url],
+        showIndex:false
       });
     },
   },

webM/src/views/bottom/Events/info3.vue

@@ -8,7 +8,7 @@
       <div class="box1">
         <h3 v-html="data.h3"></h3>
         <div class="info">
-          <span class="info_1">{{data.i}}</span>
+          <span class="info_1">{{ data.i }}</span>
         </div>
       </div>
       <!-- <div class="box2">
@@ -35,9 +35,9 @@ export default {
   computed: {},
   //监控data中的数据变化
   watch: {
-    $route(){
-      this.dataChange()
-    }
+    $route() {
+      this.dataChange();
+    },
   },
   //方法集合
   methods: {
@@ -47,24 +47,38 @@ export default {
     // 封装获取数据的方法
     dataChange() {
       let id = this.$route.params.id;
-      id =Number(id)
-      Events.forEach(v=>{
-        if(v.id===id) this.data=v
-      })
+      id = Number(id);
+      Events.forEach((v) => {
+        if (v.id === id) this.data = v;
+      });
     },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {
-    this.dataChange()
+    this.dataChange();
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted() {},
+  mounted() {
+    // 控制layout标签over属性（小米手机视频会随页面滚动）
+    this.$nextTick(() => {
+      setTimeout(() => {
+        let dom = document.querySelector(".Layout");
+        dom.style.overflowY = "visible";
+      }, 1);
+    });
+  },
   beforeCreate() {}, //生命周期 - 创建之前
   beforeMount() {}, //生命周期 - 挂载之前
   beforeUpdate() {}, //生命周期 - 更新之前
   updated() {}, //生命周期 - 更新之后
   beforeDestroy() {}, //生命周期 - 销毁之前
-  destroyed() {}, //生命周期 - 销毁完成
+  destroyed() {
+    this.$nextTick(() => {
+      setTimeout(() => {
+       location.reload(true)
+      }, 200);
+    });
+  }, //生命周期 - 销毁完成
   activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
 };
 </script>
@@ -88,7 +102,7 @@ export default {
   }
   .main {
     padding: 20px 15px 40px;
-    background: url('../../../assets/img/bgEI.png');
+    background: url("../../../assets/img/bgEI.png");
     .box1 {
       padding: 0 15px 5px;
       border-bottom: 1px solid #ccc;
@@ -117,33 +131,33 @@ export default {
         }
       }
     }
-    .box2{
+    .box2 {
       padding: 20px 15px;
       border-bottom: 1px solid #ccc;
-      &>p{
+      & > p {
         font-size: 14px;
-        color: #6A6A6A;
+        color: #6a6a6a;
       }
     }
-    .box3{
+    .box3 {
       padding: 20px 15px 10px;
-      /deep/video{
+      /deep/video {
         width: 100%;
         margin-bottom: 15px;
       }
-      /deep/.xx{
+      /deep/.xx {
         font-family: Bold;
         font-size: 16px;
         color: #000000;
         font-weight: 700;
       }
-      /deep/ p{
+      /deep/ p {
         font-size: 14px;
         line-height: 20px;
         margin-bottom: 15px;
-        color: #6A6A6A;
+        color: #6a6a6a;
       }
-      /deep/ img{
+      /deep/ img {
         width: 100%;
         display: block;
         margin-bottom: 15px;

webM/src/views/bottom/Events/info5.vue

@@ -8,7 +8,7 @@
       <div class="box1">
         <h3 v-html="data.h3"></h3>
         <div class="info">
-          <span class="info_1">{{data.i}}</span>
+          <span class="info_1">{{ data.i }}</span>
         </div>
       </div>
       <!-- <div class="box2">
@@ -35,36 +35,50 @@ export default {
   computed: {},
   //监控data中的数据变化
   watch: {
-    $route(){
-      this.dataChange()
-    }
+    $route() {
+      this.dataChange();
+    },
   },
   //方法集合
   methods: {
-    skip(path){
-      this.$router.push(`/Layout/EventsInfo5/${path}`).catch(()=>{})
+    skip(path) {
+      this.$router.push(`/Layout/EventsInfo5/${path}`).catch(() => {});
     },
     // 封装获取数据的方法
     dataChange() {
       let id = this.$route.params.id;
-      id =Number(id)
-      Events.forEach(v=>{
-        if(v.id===id) this.data=v
-      })
+      id = Number(id);
+      Events.forEach((v) => {
+        if (v.id === id) this.data = v;
+      });
     },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {
-    this.dataChange()
+    this.dataChange();
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted() {},
+  mounted() {
+    // 控制layout标签over属性（小米手机视频会随页面滚动）
+    this.$nextTick(() => {
+      setTimeout(() => {
+        let dom = document.querySelector(".Layout");
+        dom.style.overflowY = "visible";
+      }, 1);
+    });
+  },
   beforeCreate() {}, //生命周期 - 创建之前
   beforeMount() {}, //生命周期 - 挂载之前
   beforeUpdate() {}, //生命周期 - 更新之前
   updated() {}, //生命周期 - 更新之后
   beforeDestroy() {}, //生命周期 - 销毁之前
-  destroyed() {}, //生命周期 - 销毁完成
+  destroyed() {
+    this.$nextTick(() => {
+      setTimeout(() => {
+        location.reload(true);
+      }, 200);
+    });
+  }, //生命周期 - 销毁完成
   activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
 };
 </script>
@@ -88,7 +102,7 @@ export default {
   }
   .main {
     padding: 20px 15px 40px;
-    background: url('../../../assets/img/bgEI.png');
+    background: url("../../../assets/img/bgEI.png");
     .box1 {
       padding: 0 15px 5px;
       border-bottom: 1px solid #ccc;
@@ -117,36 +131,36 @@ export default {
         }
       }
     }
-    .box2{
+    .box2 {
       padding: 20px 15px;
       border-bottom: 1px solid #ccc;
-      &>p{
+      & > p {
         font-size: 14px;
-        color: #6A6A6A;
+        color: #6a6a6a;
       }
-      .active{
-        color:red;
+      .active {
+        color: red;
       }
     }
-    .box3{
+    .box3 {
       padding: 20px 15px 10px;
-      /deep/ video{
+      /deep/ video {
         width: 100%;
         margin-bottom: 15px;
       }
-      /deep/.xx{
+      /deep/.xx {
         font-family: Bold;
         font-size: 16px;
         color: #000000;
         font-weight: 700;
       }
-      /deep/ p{
+      /deep/ p {
         font-size: 14px;
         line-height: 20px;
         margin-bottom: 15px;
-        color: #6A6A6A;
+        color: #6a6a6a;
       }
-      /deep/ img{
+      /deep/ img {
         width: 100%;
         display: block;
         margin-bottom: 15px;