feats

src/components/CoverBtn.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

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

src/components/TGradient.vue

 <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

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

src/pages/makeSaving/index.vue

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

src/style.css

   width: 100vw;
   height: 100vh;
   background-color: #0f2c37;
+  overflow: hidden;
 }

src/utils/page.js

 
 // 这个值先取, 不能动态
 // 因为移动端出现输入法的时候会变
-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 {};
 }