feat4

hot/src/views/Home.vue

@@ -64,8 +64,8 @@
             class="contenBox"
             v-show="!onImg"
             :class="{ contenBoxAc: index === myInd }"
-            v-for="(item, index) in activeObj.images"
-            :key="index"
+            v-for="(item, index) in filteredImages"
+            :key="item.url"
           >
             <!-- 模型页面 -->
             <!-- <div class="modelBox" v-if="myType === 'model'">
@@ -91,12 +91,7 @@
                   :src="urlToFitFu(item.url)"
                   controls
                 />
-                <img
-                  v-else
-                  v-lazy="urlToFitFu(item)"
-                  alt=""
-                  @click="lookImg(urlToFitFu(item))"
-                />
+                <img v-else v-lazy="item.url" alt="" @click="item.url" />
               </div>
             </div>
           </div>
@@ -150,7 +145,7 @@
                 alt=""
               />
             </div>
-            <div class="audioIcon" @click="showLanlist">
+            <!-- <div class="audioIcon" @click="showLanlist">
               <div class="ppList" v-show="isShowLanlist">
                 <div
                   v-for="item in languageList"
@@ -164,7 +159,7 @@
                 </div>
               </div>
               <img :src="require(`@/assets/images/pc/yuyan.png`)" alt="" />
-            </div>
+            </div> -->
             <div class="audioIcon" @click="showAudlist">
               <div class="ppList auList" v-show="isShowAudlist">
                 <div
@@ -302,7 +297,14 @@ export default {
       this.audioSta = val;
     },
   },
-  computed: {},
+  computed: {
+    filteredImages() {
+      if (!this.activeObj?.images) return [];
+      return this.activeObj.images.filter((item, index) => {
+        return index <= this.myInd + 3;
+      });
+    },
+  },
   components: {
     Book,
   },
@@ -435,6 +437,7 @@ export default {
       const resData = hotList.find(
         (item) => item.key === this.selectedTitle
       )?.contentList;
+      console.log(resData, "=====ok==========");
       this.list = resData;
       let showData = resData && resData[0];
       this.onImg = showData?.onImg || false;
@@ -709,7 +712,7 @@ export default {
             font-weight: 700;
             margin-bottom: 10px;
             text-align: justify;
-            // text-indent: 2em;
+            text-indent: 2em;
           }
           .myTxt {
             font-family: Adobe Heiti Std;
@@ -907,6 +910,7 @@ export default {
           .flooTxtBox {
             .myTitle {
               font-size: 18px;
+              text-indent: 2em;
             }
             .myTxt {
               font-size: 14px;