up

hot/src/views/Home.vue

@@ -36,14 +36,14 @@
         ref="mySwiper"
         :options="swiperOptions"
       >
-        <swiper-slide v-for="(item,index) in data[active]" :key="index">
+        <swiper-slide v-for="(item, index) in data[active]" :key="index">
           <div class="slide">
-            <viewer v-if="active === 'images'" ref="viewer" :images="lookPics" >
+            <viewer v-if="active === 'images'" ref="viewer" :images="lookPics">
               <img
                 style="cursor: pointer"
                 v-lazy="imgSrc(item)"
                 alt=""
-                @click="lookImg(imgSrc(item),index)"
+                @click="lookImg(imgSrc(item), index)"
               />
             </viewer>
 
@@ -114,7 +114,7 @@ export default {
     return {
       myInd: 0,
       myFlag: false,
-      lookPics:[],
+      lookPics: [],
       // 为定制化加的索引
       loadAuto: false,
       audio: "",
@@ -196,10 +196,10 @@ export default {
     SwiperSlide,
   },
   methods: {
-    lookImg(url,index) {
-      let dom = this.$refs.viewer[index].$viewer
-      this.lookPics=[url]
-      dom.show()
+    lookImg(url, index) {
+      let dom = this.$refs.viewer[index].$viewer;
+      this.lookPics = [url];
+      dom.show();
     },
     imgSrc(val) {
       if (typeof val === "number") return `/data/${this.m}/img/${val}.png`;
@@ -396,17 +396,17 @@ export default {
       font-size: 16px;
     }
   }
-    .ismtop {
+  .ismtop {
     max-height: 100vh;
     height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
-    &>p{
+    & > p {
       padding-right: 20px;
       max-height: 90%;
       overflow-y: auto;
-      /deep/p{
+      /deep/p {
         margin-bottom: 15px;
       }
     }