日报分享

src/components/share.vue

@@ -87,7 +87,7 @@
         </div>
       </div>
     </div>
-    <div class="html2canvasBox">
+    <div class="html2canvasBox" v-if="false">
       <div class="closeShare" @click="closeShare"><van-icon name="close" /></div>
       <div id="html2canvas" ref="html2canvas">
         <div class="scroll-container">
@@ -129,18 +129,17 @@ export default {
     };
   },
   created() {
-    console.log(this.reportRemarksIndex);
     this.canvasImageUrl = '';
   },
   mounted() {
-    this.toastLoading(0, '生成中...', true);
+    // this.toastLoading(0, '生成中...', true);
     // 二维码
     this.creatQrCode();
     getReportImg({ reportId: this.reportId }).then((res) => {
       if (res.data) {
         this.photosData = res.data;
         this.$nextTick(async () => {
-          await this.htmlToCanvas();
+          // await this.htmlToCanvas();
         });
       }
     });
@@ -269,7 +268,7 @@ export default {
     position: absolute;
     padding-bottom: vw(190);
     top: 0;
-    z-index: -10;
+    // z-index: -10;
   }
 
   .header {
@@ -360,11 +359,14 @@ export default {
       //   justify-content: space-between;
 
       img {
-        width: vw(188);
+        width: 30%;
         height: vw(188);
         margin-bottom: 15px;
-        margin-right: 15px;
+        margin-right: 5%;
         background-color: rgba(255, 255, 255, 0.1);
+        &:nth-child(3n) {
+          margin-right: 0;
+        }
       }
     }
   }
@@ -396,10 +398,10 @@ export default {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
-
+      padding: vw(10) 0;
       div {
         color: #ffffff;
-        font-size: vw(24);
+        font-size: vw(26);
         font-weight: bold;
       }
     }
@@ -457,15 +459,17 @@ export default {
     height: vw(140);
     margin-right: vw(12.5);
     position: relative;
+    padding: 2px;
+    background: #fff;
     .logo {
       position: absolute;
       top: vw(70);
       left: vw(70);
-      margin: vw(-20) 0 0 vw(-20);
+      margin: vw(-17.5) 0 0 vw(-17.5);
       z-index: 3;
       img {
-        width: vw(40);
-        height: vw(40);
+        width: vw(35);
+        height: vw(35);
       }
     }