upp

src/router/index.js

@@ -41,6 +41,7 @@ const routes = [
     path: '/more-content',
     name: 'MoreContent',
     component: MoreContent,
+    // component: TEXT,
   },
   {
     path: '/poem-list',

src/views/MoreContent.vue

@@ -87,7 +87,7 @@
           :key="index3"
           :class="`${item3.className}`"
           :src="
-            require(`@/assets/images/fade-chapter-wood/${item3.imgName}.webp`)
+            require(`@/assets/images/fade-chapter-wood/${item3.imgName}.png`)
           "
           :style="`transform: translateX(${isMoveFu(index1, item3.num)}px);`"
           alt=""
@@ -120,7 +120,7 @@
     />
 
     <!-- 提示语 -->
-    <div :class="`operation-tip ${titShow?'':'operation-tipHide'}`">
+    <div :class="`operation-tip ${titShow ? '' : 'operation-tipHide'}`">
       左右滑动
       <img
         class=""
@@ -189,7 +189,7 @@ const listArr = [
       { className: "ROW1_2", imgName: "1_02", num: 100 },
       { className: "ROW1_3", imgName: "2_01", num: 80 },
       { className: "ROW1_4", imgName: "2_03", num: 80 },
-      { className: "ROW1_5", imgName: "3_01", num: 60 },
+      // { className: "ROW1_5", imgName: "3_01", num: 60 },
       { className: "ROW1_6", imgName: "4_01", num: 120 },
       { className: "ROW1_7", imgName: "4_02", num: 120 },
     ],
@@ -206,7 +206,7 @@ const listArr = [
       {
         txt: "画作",
         fu: () => {
-          playVideoFu("BambooBook", true)
+          playVideoFu("PaintingList", true)
         },
       },
       {
@@ -221,11 +221,11 @@ const listArr = [
       { className: "ROW2_1", imgName: "1_03", num: 100 },
       { className: "ROW2_2", imgName: "2_02", num: 80 },
       { className: "ROW2_3", imgName: "2_03", num: 80 },
-      { className: "ROW2_4", imgName: "3_01", num: 60 },
-      { className: "ROW2_5", imgName: "3_02", num: 60 },
+      // { className: "ROW2_4", imgName: "3_01", num: 60 },
+      // { className: "ROW2_5", imgName: "3_02", num: 60 },
       { className: "ROW2_6", imgName: "4_01", num: 120 },
       { className: "ROW2_7", imgName: "4_02", num: 120 },
-      { className: "ROW2_8", imgName: "4_05", num: 40 },
+      // { className: "ROW2_8", imgName: "4_05", num: 40 },
     ],
   },
   {
@@ -240,12 +240,12 @@ const listArr = [
     ],
     classWai: "ROW3",
     imgArr: [
-      { className: "ROW3_1", imgName: "4_07", num: 40 },
+      // { className: "ROW3_1", imgName: "4_07", num: 40 },
       { className: "ROW3_2", imgName: "4_08", num: 120 },
-      { className: "ROW3_3", imgName: "4_09", num: 40 },
-      { className: "ROW3_4", imgName: "4_10", num: 40 },
-      { className: "ROW3_5", imgName: "4_12", num: 40 },
-      { className: "ROW3_6", imgName: "3_04", num: 60 },
+      // { className: "ROW3_3", imgName: "4_09", num: 40 },
+      // { className: "ROW3_4", imgName: "4_10", num: 40 },
+      // { className: "ROW3_5", imgName: "4_12", num: 40 },
+      // { className: "ROW3_6", imgName: "3_04", num: 60 },
       { className: "ROW3_7", imgName: "2_02", num: 80 },
       { className: "ROW3_8", imgName: "2_04", num: 80 },
       { className: "ROW3_9", imgName: "2_05", num: 80 },
@@ -258,15 +258,15 @@ const listArr = [
     classWai: "ROW4",
     imgArr: [
       { className: "ROW4_1", imgName: "4_08", num: 120 },
-      { className: "ROW4_2", imgName: "4_09", num: 40 },
-      { className: "ROW4_3", imgName: "4_10", num: 40 },
-      { className: "ROW4_4", imgName: "4_12", num: 40 },
-      { className: "ROW4_5", imgName: "3_03", num: 60 },
+      // { className: "ROW4_2", imgName: "4_09", num: 40 },
+      // { className: "ROW4_3", imgName: "4_10", num: 40 },
+      // { className: "ROW4_4", imgName: "4_12", num: 40 },
+      // { className: "ROW4_5", imgName: "3_03", num: 60 },
       { className: "ROW4_6", imgName: "3_04", num: 80 },
       { className: "ROW4_7", imgName: "2_04", num: 80 },
       { className: "ROW4_8", imgName: "2_04-1", num: 80 },
       { className: "ROW4_9", imgName: "1_05", num: 100 },
-      { className: "ROW4_10", imgName: "2_05", num: 100 },
+      // { className: "ROW4_10", imgName: "2_05", num: 100 },
     ],
   },
 ]
@@ -321,7 +321,7 @@ const onSwipeChange = (val) => {
 }
 
 // 点击底部的指示器 改变 indexAc
-const clickSonIndFu = (index)=>{
+const clickSonIndFu = (index) => {
   if (index === indexAc.value) return
 
   titShow.value = false
@@ -437,6 +437,7 @@ const playVideoFu = (val, flag) => {
         }
 
         div.ROWtxtIcon {
+          pointer-events: none;
           font-size: 38px;
           font-family: KingHwa_OldSong, KingHwa_OldSong;
           color: #474747;
@@ -633,6 +634,7 @@ const playVideoFu = (val, flag) => {
       z-index: 20;
       width: 20%;
       & > img {
+        pointer-events: none;
         width: 118px;
       }
       .game-box {
@@ -713,7 +715,7 @@ const playVideoFu = (val, flag) => {
     }
   }
 
-  .operation-tipHide{
+  .operation-tipHide {
     opacity: 0;
   }
 

src/views/PaintingDetail.vue

@@ -787,7 +787,7 @@ function showBigPainting() {
       display: inline-block;
       & > div {
         padding: 28% 10% 28% 10%;
-        // width:100%;
+        width:100%;
         background-image: url("../assets/images/img_painting_heng.png");
         background-size: 100% 100%;
         display: inline-block;