热点详情描述对接实际数据格式

src/views/HomeWeb.vue

@@ -23,14 +23,10 @@
         }"
         v-html="hotspotData.title"
       />
-      <div class="desc">
-        <p>路口五金是雷锋精神</p>
-        <p>开口就是浪费大家</p>
-        <p>可进行分类算法</p>
-        <p>
-          <span v-html="descForShow" />
-        </p>
-      </div>
+      <div
+        class="desc"
+        v-html="descForShow"
+      />
       <menu>
         <!-- <button>
         <img
@@ -99,6 +95,58 @@
         </div>
       </div>
 
+      <!-- <div
+        v-if="typesForShow[currentTabIdx].name === '模型'"
+        class="swiper-wrapper-mine model-wrap"
+      >
+        <div
+          class="swiper-root"
+        >
+          <div
+            class="swiper-wrapper"
+          >
+            <iframe
+              v-for="(item, index) in typesForShow[currentTabIdx].list"
+              :key="index"
+              :src="item.url"
+              frameborder="0"
+              class="swiper-slide"
+            />
+          </div>
+          <div class="swiper-pagination">
+            <span class="cur">{{ currentSlideIdx + 1 }}</span> / <span>{{ typesForShow[currentTabIdx].list.length }}</span>
+          </div>
+          <div class="swiper-button-prev" />
+          <div class="swiper-button-next" />
+        </div>
+      </div> -->
+
+      <!-- <div
+        v-show="typesForShow[currentTabIdx] && typesForShow[currentTabIdx].name === '音频'"
+        class="swiper-wrapper-mine audio-wrap"
+      >
+        <div
+          class="swiper-root"
+        >
+          <div
+            class="swiper-wrapper"
+          >
+            <Audio
+              v-for="(item, index) in typesForShow[currentTabIdx].list"
+              ref="audio-comp"
+              :key="index"
+              class="audio-custom swiper-slide"
+              :audio-src="`https://4dkk.4dage.com/scene_edit_data/${sceneCode}/user/${item.url}`"
+            />
+          </div>
+          <div class="swiper-pagination">
+            <span class="cur">{{ currentSlideIdx + 1 }}</span> / <span>{{ typesForShow[currentTabIdx].list.length }}</span>
+          </div>
+          <div class="swiper-button-prev" />
+          <div class="swiper-button-next" />
+        </div>
+      </div> -->
+
       <div
         v-if="isShowImages"
         v-show="!isShowShare"
@@ -353,30 +401,13 @@ export default {
     > .desc {
       position: absolute;
       top: 347px;
-      left: 80px;
-      width: 362px;
+      left: 55px;
+      width: 390px;
       font-size: 16px;
       line-height: 26px;
       font-family: Adobe Heiti Std;
-      > p {
-        margin-bottom: 10px;
-        position: relative;
-      }
-      > p.intro {
-        overflow: auto;
-        max-height: 200px;
-      }
-      > p::before {
-        position: absolute;
-        left: -24px;
-        top: calc(6px);
-        content: '';
-        display: inline-block;
-        width: 12px;
-        height: 12px;
-        border-radius: 6px;
-        background: #F1F3F4;
-      }
+      overflow: auto;
+      height: 300px;
     }
     > menu {
       position: absolute;
@@ -460,25 +491,25 @@ export default {
         }
       }
     }
-    // .swiper-wrapper-mine.model-wrap {
-    //   .swiper-root {
-    //     .swiper-wrapper {
-    //     }
-    //   }
-    // }
-    // .swiper-wrapper-mine.audio-wrap {
-    //   width: calc(100% - 1.67rem * 2 - 1.83rem * 2 - 1.67rem * 2);
-    //   height: 30rem;
-    //   position: absolute;
-    //   left: 50%;
-    //   top: 50%;
-    //   transform: translate(-50%, -70%);
-    //   .swiper-root {
-    //     width: 100%;
-    //     .swiper-wrapper {
-    //     }
-    //   }
-    // }
+    .swiper-wrapper-mine.model-wrap {
+      .swiper-root {
+        .swiper-wrapper {
+        }
+      }
+    }
+    .swiper-wrapper-mine.audio-wrap {
+      width: calc(100% - 1.67rem * 2 - 1.83rem * 2 - 1.67rem * 2);
+      height: 30rem;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -70%);
+      .swiper-root {
+        width: 100%;
+        .swiper-wrapper {
+        }
+      }
+    }
     .swiper-wrapper-mine.image-wrap {
       .swiper-root {
         .swiper-wrapper {