Jelajahi Sumber

perf: “更多章节”页添加顶部阴影

任一存 1 tahun lalu
induk
melakukan
d54e893d96
1 mengubah file dengan 12 tambahan dan 1 penghapusan
  1. 12 1
      src/views/MoreContent.vue

+ 12 - 1
src/views/MoreContent.vue

@@ -16,6 +16,8 @@
         draggable="false"
       >
 
+      <div class="top-shadow" />
+
       <div
         class="layer-4"
         :style="{
@@ -229,7 +231,6 @@
       </div>
     </div>
 
-    <!-- todo -->
     <BtnBack @click="router.go('-1')" />
 
     <OperationTip
@@ -403,6 +404,16 @@ onBeforeUnmount(() => {
       height: 100%;
     }
 
+    > .top-shadow{
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: calc(133px  * v-bind("windowHeight") / v-bind("windowHeightDesign"));
+      background: linear-gradient(180deg , #aaa 0%, rgba(0,0,0,0) 100%);
+    }
+
+
     > .layer-4 {
       position: absolute;
       height: 100%;