Browse Source

垃圾!

shaogen1995 1 năm trước cách đây
mục cha
commit
57f2f3552f
2 tập tin đã thay đổi với 19 bổ sung7 xóa
  1. 13 3
      src/views/MoreContent.vue
  2. 6 4
      src/views/PoemList.vue

+ 13 - 3
src/views/MoreContent.vue

@@ -15,7 +15,9 @@
   >
   >
     <div
     <div
       class="ZMbox"
       class="ZMbox"
-      :style="`width: ${pageWidth * pageNum}px; left:-${indexAc * pageWidth}px`"
+      :style="`width: ${pageWidth * pageNum}px;
+      transform: translateX(-${indexAc * pageWidth}px) translateZ(0)
+      `"
     >
     >
       <div
       <div
         v-for="(item1, index1) in listArr"
         v-for="(item1, index1) in listArr"
@@ -403,10 +405,18 @@ body {
     height: 100%;
     height: 100%;
     overflow: hidden;
     overflow: hidden;
     position: relative;
     position: relative;
+    left: 0;
+    top: 0;
     display: flex;
     display: flex;
     background-image: url("../assets/images/fade-chapter-wood/bg-more-content.jpg");
     background-image: url("../assets/images/fade-chapter-wood/bg-more-content.jpg");
     background-size: contain;
     background-size: contain;
-    transition: left 0.8s;
+    transition: transform 1.2s;
+
+    -webkit-transform: translateZ(0);
+    -moz-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    -o-transform: translateZ(0);
+    transform: translateZ(0);
 
 
     -webkit-backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     backface-visibility: hidden;
@@ -474,7 +484,7 @@ body {
         position: absolute;
         position: absolute;
         bottom: 0;
         bottom: 0;
         height: 100%;
         height: 100%;
-        transition: transform 1s;
+        transition: transform 1.2s;
 
 
         -webkit-transform: translateZ(0);
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -moz-transform: translateZ(0);

+ 6 - 4
src/views/PoemList.vue

@@ -15,8 +15,8 @@
     <div
     <div
       class="RWbox"
       class="RWbox"
       :style="`width: ${domWidth}px; left:-${
       :style="`width: ${domWidth}px; left:-${
-        baseRWboxLeft ? 500 : indexAc * pageWidth
-      }px`"
+        baseRWboxLeft ? 500 : indexAc * pageWidth}px;
+        `"
     >
     >
       <div
       <div
         v-for="(item1, index1) in listRes"
         v-for="(item1, index1) in listRes"
@@ -221,6 +221,8 @@ const cutAgeFu = (val) => {
 
 
   if (indexAc.value === index) return
   if (indexAc.value === index) return
 
 
+  isShowOperationTip.value = false
+
   titShow.value = false
   titShow.value = false
 
 
   isOpcMove.value = false
   isOpcMove.value = false
@@ -404,7 +406,7 @@ const isMoveFu = (index, num) => {
     display: flex;
     display: flex;
     background-image: url("../assets/images/RW/bg_caizhi.jpg");
     background-image: url("../assets/images/RW/bg_caizhi.jpg");
     background-size: contain;
     background-size: contain;
-    transition: all 1.2s;
+    transition: left 0.8s;
 
 
     .ROW {
     .ROW {
       position: relative;
       position: relative;
@@ -413,7 +415,7 @@ const isMoveFu = (index, num) => {
         position: absolute;
         position: absolute;
         bottom: 0;
         bottom: 0;
         height: 100%;
         height: 100%;
-        transition: all 1s;
+        transition: transform 1s;
       }
       }
     }
     }