upp

src/views/HomeView copy.vue

@@ -795,6 +795,9 @@ function onClickGoNextPage() {
     transform: translate(-50%, 0);
     color: white;
     overflow: auto;
+    &::-webkit-scrollbar {
+      display: none;
+    }
     font-family: KaiTi, KaiTi;
     color: #FFFFFF;
     >h3{
@@ -899,6 +902,9 @@ function onClickGoNextPage() {
     width: 100%;
     height: 100%;
     overflow: auto;
+    &::-webkit-scrollbar {
+      display: none;
+    }
     >.inner{
       width: 100%;
     }

src/views/HomeView(横向滑动).vue

@@ -1772,6 +1772,9 @@ function onClickGoNextPage() {
     >.text-box {
         width: 100%;
         overflow: auto;
+        &::-webkit-scrollbar {
+      display: none;
+    }
 
         >p {
           text-indent: 2em;
@@ -1821,6 +1824,9 @@ function onClickGoNextPage() {
       width: 100%;
       height: 100%;
       overflow: auto;
+      &::-webkit-scrollbar {
+      display: none;
+    }
       display: flex;
       flex-direction: column;
       align-items: center;

src/views/HomeView.vue

@@ -1098,6 +1098,9 @@ img,div {
     > .text-box {
       width: 100%;
       overflow: auto;
+      &::-webkit-scrollbar {
+      display: none;
+    }
 
       > p {
         text-indent: 2em;
@@ -1165,6 +1168,9 @@ img,div {
       width: 100%;
       height: 100%;
       overflow: auto;
+      &::-webkit-scrollbar {
+      display: none;
+    }
       display: flex;
       flex-direction: column;
       align-items: center;

src/views/PaintingDetail.vue

@@ -24,7 +24,7 @@
     >
       <!-- 横向才有的-->
       <div
-        v-show="direction"
+        v-if="direction"
         class="myRowBoxImg"
         @click="showBigPainting"
       >
@@ -42,14 +42,14 @@
       </div>
 
       <img
-        v-show="!direction"
+        v-if="!direction"
         class="painting-border"
         src="@/assets/images/painting-border-new.png"
         alt=""
         draggable="false"
       >
       <div
-        v-show="!direction"
+        v-if="!direction"
         ref="paintingWrap2El"
         class="painting-wrap-2"
       >
@@ -372,17 +372,17 @@ const isOversize = ref(sizeRatio > wrapSizeRatio)
 const paintingWrap2El = ref(null)
 const paintingEl = ref(null)
 onMounted(() => {
-  if (isOversize.value) {
-    setTimeout(() => {
-      const y =
-        (paintingEl.value.clientHeight - paintingWrap2El.value.clientHeight) /
-        2
-      paintingWrap2El.value.scrollTo({
-        top: y,
-        // behavior: 'smooth',
-      })
-    }, 0)
-  }
+  // if (isOversize.value && props.direction) {
+  //   setTimeout(() => {
+  //     const y =
+  //       (paintingEl.value.clientHeight - paintingWrap2El.value.clientHeight) /
+  //       2
+  //     paintingWrap2El.value.scrollTo({
+  //       top: y,
+  //       // behavior: 'smooth',
+  //     })
+  //   }, 0)
+  // }
 })
 
 function showBigPainting() {
@@ -454,6 +454,9 @@ function showBigPainting() {
           v-bind("windowSizeInCssForRef")
       );
       overflow: auto;
+      &::-webkit-scrollbar {
+      display: none;
+    }
 
       > img.painting {
         position: absolute;
@@ -729,6 +732,9 @@ function showBigPainting() {
   }
   > .desc-text-up {
     overflow: auto;
+    &::-webkit-scrollbar {
+      display: none;
+    }
     height: calc(
       360 / v-bind("windowSizeWhenDesignForRef") *
         v-bind("windowSizeInCssForRef")

src/views/PaintingDetailList.vue

@@ -9,11 +9,12 @@
       @slideChange="onSlideChange"
     >
       <SwiperSlide
-        v-for="item in paintingList"
+        v-for="(item,index) in paintingList"
         :key="item['标题']"
         class="swiper-slider"
       >
         <PaintingDetail
+          v-show="index===indexAc"
           class="painting-item"
           :thumb="`${$env.BASE_URL}configMultiMedia/paintings-small/${item['标题']}.jpg`"
           :title="item['标题（展示）']"
@@ -79,7 +80,12 @@ let swiper = null
 const onSwiper = (swiperP) => {
   swiper = swiperP
 }
+
+// 轮播图崩溃问题优化
+const indexAc = ref(Number(route.query.idx))
+
 const onSlideChange = (e) => {
+  indexAc.value = e.activeIndex
   if (isShowOperationTip.value && e.activeIndex !== Number(route.query.idx)) {
     isShowOperationTip.value = false
     setTimeout(() => {

src/views/PaintingList.vue

@@ -338,12 +338,18 @@ const isShowPaintingStyleDesc = ref(false)
     height: 100%;
     display: flex;
     overflow: auto;
+    &::-webkit-scrollbar {
+      display: none;
+    }
     scroll-behavior: smooth;
     // background: red;
     >.menu-item{
       flex: 0 0 auto;
       // min-width: 25vw;
       overflow: auto;
+      &::-webkit-scrollbar {
+      display: none;
+    }
       height: 100%;
       display: flex;
       align-items: center;

src/views/PaintingStyleDesc.vue

@@ -77,6 +77,9 @@ const specialDesc = configExcel['其他'][4]['修篁树石图'][1]['作品简介
     line-height: calc(23 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     white-space: pre-line;
     overflow: auto;
+    &::-webkit-scrollbar {
+      display: none;
+    }
     padding-right: 0.5em;
   }
 }

src/views/PoemList copy.vue

@@ -307,6 +307,9 @@ function onClickMenuItem(menuItemName) {
     width: 100%;
     height: 100%;
     overflow: auto;
+    &::-webkit-scrollbar {
+      display: none;
+    }
     .poem-item{
       display: flex;
       justify-content: center;