up

hot/src/views/Home.vue

@@ -25,7 +25,7 @@
         @click="slideto('slidePrev')"
         class="swiper-button-prev"
       ></div>
-
+      <!-- 移动端的文字显示 -->
       <div class="mb-intro" v-show="active === 'title' && isMobile">
         <p v-html="data.title[myInd]"></p>
         <p v-html="data.content[myInd]"></p>
@@ -111,6 +111,7 @@ export default {
   data() {
     return {
       myInd: 0,
+      myFlag:false,
       // 为定制化加的索引
       loadAuto: false,
       audio: "",
@@ -126,9 +127,11 @@ export default {
             },
             on: {
               slideChangeTransitionEnd: () => {
+                if(this.myFlag){
                 let swiper = this.$refs.mySwiper.$swiper;
                 let activeIndex = swiper.activeIndex;
                 this.myInd = activeIndex;
+                }else this.myInd=0
               },
             },
           }
@@ -142,9 +145,11 @@ export default {
             },
             on: {
               slideChangeTransitionEnd: () => {
+                if(this.myFlag){
                 let swiper = this.$refs.mySwiper.$swiper;
                 let activeIndex = swiper.activeIndex;
                 this.myInd = activeIndex;
+                }else this.myInd=0
               },
             },
           },
@@ -189,7 +194,8 @@ export default {
   },
   methods: {
     imgSrc(val) {
-      if (typeof val === "number") return `/data/${this.m}/img/${val}.png`; //线下调试
+      if (typeof val === "number") return `/data/${this.m}/img/${val}.png`;
+      //线下调试
       // if (typeof val === "number") return `/erhai/data/${this.m}/img/${val}.png`; //打包
       else return val;
     },
@@ -213,16 +219,15 @@ export default {
       }/hot/js/data.js?time=${Math.random()}`;
       let result = (await this.$http.get(url)).data;
       let temp = result[this.m];
-      obj.forEach((v) => {
-        if (v.id === this.m) {
-          temp = v;
-        } else {
-          temp.title = [temp.title];
-          temp.content = [temp.content];
-        }
-      });
-      //
-      //
+
+      let flag = obj.some((v) => v.id === this.m);
+      this.myFlag = flag
+      if (flag) temp = obj.find((v) => v.id === this.m);
+      else {
+          temp.content=[temp.content]
+          temp.title=[temp.title]
+      }
+
       this.data = temp;
       if (!this.data) {
         return alert("热点解析错误");
@@ -379,6 +384,7 @@ export default {
       font-size: 20px;
       font-weight: 600;
       margin-bottom: 10px;
+      margin-top: 10px;
     }
     > p {
       line-height: 1.5;