feats

src/components/CoverBtn.vue

@@ -37,7 +37,7 @@ import { computed, ref } from 'vue';
 <style lang="less" scoped>
 .cover-btn {
   position: absolute;
-  // background: rgba(255, 0, 0, 0.5);
-  z-index: 10;
+  background: rgba(255, 0, 0, 0.5);
+  z-index: 100;
 }
 </style>

src/components/Image.vue

@@ -42,9 +42,6 @@
 
 <style lang="less" scoped>
 .page-image {
-  position: absolute;
-  top: 0;
-  left: 0;
   display: block;
   width: 100%;
 }

src/components/TGradient.vue

@@ -12,6 +12,7 @@
 <style lang="less" scoped>
   .t-gradient-box {
     position: absolute;
+    height: 20px;
     z-index: 26;
     background: linear-gradient(0, transparent, v-bind(color), transparent);
   }

src/pages/index/index.vue

@@ -26,7 +26,6 @@
     const { width, height } = e.target;
     gdStyle.value = {
       width: `${width}px`,
-      height: '20px',
       left: 0,
       top: `${height - 10}px`
     }

src/pages/makeSaving/index.vue

@@ -127,6 +127,8 @@
 <style lang="less" scoped>
   .making-page {
     .poem-wrapper {
+      overflow: hidden;
+
       .poem-author {
         background: transparent;
         position: absolute;

src/style.css

@@ -24,4 +24,5 @@ img {
   width: 100vw;
   height: 100vh;
   background-color: #0f2c37;
+  overflow: hidden;
 }

src/utils/page.js

@@ -1,8 +1,9 @@
 
 // 这个值先取, 不能动态
 // 因为移动端出现输入法的时候会变
-const height = document.documentElement.clientHeight || document.body.clientHeight;
+const height = document.body.clientHeight;
 
 export function getPageStyle(fitHeight) {
-  return fitHeight > height ? { height: `${fitHeight}px`, overflow: 'hidden' } : { height: `${height}px`, overflow: 'hidden' }
+  // return fitHeight > height ? { height: `${fitHeight}px`, overflow: 'hidden' } : { height: `${height}px`, overflow: 'hidden' }
+  return {};
 }