fix

src/views/Home.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="home">
-    <div class="main">
+    <div :class="['main', { 'specialHome': myTitle === '椰壳镶银里雕人物诗句套杯' }]">
       <div class="myTitle is-mobile">{{ myTitle }}</div>
 
       <div class="mainCon" v-show="!oneTxt">
@@ -38,7 +38,7 @@
             </div>
           </div>
 
-          <div class="swiper-pagination"></div>
+          <div class="swiper-pagination" v-show="data[myType].length > 1"></div>
         </div>
       </div>
 
@@ -175,11 +175,10 @@ export default {
     },
     // 点击查看大图
     lookImg(url) {
-      console.log(url)
-
-      // let dom = this.$refs.viewer.$viewer;
-      // this.lookPics = [url];
-      // dom.show();
+      let dom = this.$refs.viewer.$viewer
+      this.lookPics = [url]
+      dom.options.toolbar = false
+      dom.show()
     },
     async getData() {
       // https://www.4dmodel.com/
@@ -272,11 +271,13 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    bottom: 10px;
+    position: fixed;
+    bottom: 75px;
+    left: -226px;
     height: 4px;
   }
   :deep(.swiper-pagination-bullet-active) {
-    background: #91714E !important;
+    background: #70573d !important;
   }
   :deep(.swiper-pagination-bullet) {
     width: 26px;
@@ -371,7 +372,6 @@ export default {
             height: 100%;
             // cursor: zoom-in;
             & > img {
-              pointer-events: none;
               width: 100%;
               height: 100%;
               object-fit: contain;
@@ -417,9 +417,9 @@ export default {
         max-height: 300px;
         overflow-y: auto;
         //隐藏滚动条
-        &::-webkit-scrollbar {
-          display: none;
-        }
+        // &::-webkit-scrollbar {
+        //   display: none;
+        // }
         .myTxt {
           font-size: 18px;
           color: #F7E7DC;
@@ -435,7 +435,7 @@ export default {
           /*滚动条里面小方块*/
           border-radius: 10px;
           -webkit-box-shadow: inset 0 0 5px transparent;
-          background: #fcda99;
+          background: #fabb78;
         }
         &::-webkit-scrollbar-track {
           /*滚动条里面轨道*/
@@ -450,6 +450,23 @@ export default {
     }
   }
 
+  .specialHome {
+    flex-direction: column;
+    .myTitle {
+      &.is-mobile {
+        display: block;
+      }
+    }
+    .mainCon {
+      margin: 0;
+    }
+    .main-info {
+      .myTitle {
+        display: none;
+      }
+    }
+  }
+
   // 底部
   .flooTabBox {
     z-index: 10;