fix

src/views/BambooList.vue

@@ -421,6 +421,7 @@ function onClickBack() {
         color: #FFFFFF;
         line-height: 45px;
         text-align: justified;
+        text-indent: 2em;
       }
     }
   }

src/views/MoreContent.vue

@@ -625,8 +625,8 @@ onBeforeUnmount(() => {
         }
         >.line-4{
           margin-top: calc(8px * v-bind("windowHeight") / v-bind("windowHeightDesign"));
-          letter-spacing: 0.2em;
-          transform: translateX(0.1em);
+          letter-spacing: 0.22em;
+          transform: translateX(0.105em);
         }
       }
     }

src/views/PaintingList.vue

@@ -436,7 +436,7 @@ onBeforeUnmount(() => {
       align-items: center;
       >.cover{
         flex: 0 0 auto;
-        height: calc(684 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
+        height: 100%;
         padding-left: calc(22 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
         padding-right: calc(22 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
         writing-mode: vertical-lr;
@@ -444,12 +444,12 @@ onBeforeUnmount(() => {
         background-repeat: no-repeat;
         background-position: center center;
         >.age{
-          margin-top: calc(160 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
+          margin-top: calc(320 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
           width: calc(44 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
           height: calc(57 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
         }
         >.age-en{
-          margin-top: calc(166 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
+          margin-top: calc(326 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
           font-family: KingHwa_OldSong;
           font-weight: 400;
           font-size: calc(26 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
@@ -457,7 +457,7 @@ onBeforeUnmount(() => {
           line-height: calc(30 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
         }
         >.author-list{
-          margin-top: calc(166 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
+          margin-top: calc(326 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
           font-family: KaiTi;
           font-weight: 400;
           font-size: calc(20 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
@@ -488,11 +488,11 @@ onBeforeUnmount(() => {
         position: relative;
         >.shadow{
           position: absolute;
-          bottom: 0;
+          top: 0;
           left: 0;
           width: 100%;
-          height: calc(285 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
-          background: linear-gradient( 360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0,0,0,0) 100%);
+          height: calc(120 / v-bind('windowHeightDesign') * v-bind('windowHeight') * 1px);
+          background: linear-gradient( 180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0,0,0,0) 100%);
         }
         >.special-desc{
           flex: 0 0 auto;

src/views/PoemList.vue

@@ -135,7 +135,10 @@
     </div>
 
     <!-- todo -->
-    <BtnBack @click="router.go('-1')" />
+    <BtnBack
+      color="green"
+      @click="router.go('-1')"
+    />
 
     <OperationTip
       v-show="isShowOperationTip"
@@ -286,6 +289,9 @@ const unwatch = watch(translateLength, (v) => {
         flex: 0 0 auto;
         height: 100%;
       }
+      > .bg:nth-of-type(2) {
+        transform: rotate3d(0, 1, 0, 180deg);
+      }
     }
 
     > .layer-3 {