日报分享

src/components/share.vue

@@ -9,9 +9,6 @@
           <img :src="require('@/assets/shareRight.png')" />
         </div>
       </div>
-      <div class="shareTips">
-        <img :src="require('@/assets/shareTips.png')" alt="" />
-      </div>
       <!-- 点评 -->
       <!-- <template v-for="item in reportTarget.reportRemarks"> -->
       <div
@@ -109,6 +106,9 @@
       style="background: #fff; position: fixed; top: 0; width: 100%; height: 100%"></div>
     <div class="html2canvasBox">
       <div class="closeShare" @click="closeShare"><van-icon name="close" /></div>
+      <div class="shareTips">
+        <img :src="require('@/assets/shareTips.png')" alt="" />
+      </div>
       <div id="html2canvas" ref="html2canvas">
         <div class="scroll-container">
           <img :src="canvasImageUrl" width="100%" />
@@ -320,6 +320,7 @@ export default {
   .header {
     display: flex;
     justify-content: space-between;
+    padding-bottom: vw(40);
 
     .left-icon {
       width: vw(114);
@@ -336,14 +337,6 @@ export default {
       height: 100%;
     }
   }
-  .shareTips {
-    text-align: center;
-    margin: 10px 0;
-    img {
-      width: vw(300);
-      height: vw(50);
-    }
-  }
   .title-box {
     position: relative;
     width: 100%;
@@ -381,7 +374,7 @@ export default {
     background-size: 100%;
     padding: vw(24);
     position: relative;
-    margin-bottom: vw(55);
+    margin-top: vw(55);
     border-radius: 0 0 vw(35) vw(35);
     padding-top: 0;
     .text {
@@ -481,6 +474,18 @@ export default {
         font-size: 20px;
       }
     }
+    .shareTips {
+      width: 100%;
+      text-align: center;
+      margin: 10px 0;
+      position: absolute;
+      z-index: 1;
+      top: vw(110);
+      img {
+        width: vw(300);
+        height: vw(50);
+      }
+    }
   }
   #html2canvas {
     width: 100%;