日报分享

src/components/share.vue

@@ -91,12 +91,12 @@
       <div class="footerShare">
         <div class="QRcodes" ref="QRcodes">
           <div class="logo">
-            <img :src="require('@/assets/logo1.png')" />
+            <img :src="require('@/assets/logo1.png')" width="100%" height="100%" />
           </div>
         </div>
         <div class="right-text">
-          <div>长按识别二维码查看详情&点评</div>
-          <div></div>
+          <div>长按识别二维码</div>
+          <div>查看详情&点评</div>
         </div>
       </div>
     </div>
@@ -281,8 +281,8 @@ export default {
         colorDark: '#000000',
         colorLight: 'rgba(255,255,255,0)', // 完全透明背景
         correctLevel: QRCode.CorrectLevel.H,
-        width: 100, // 固定尺寸保证安卓一致性
-        height: 100,
+        width: 90, // 固定尺寸保证安卓一致性
+        height: 90,
         margin: 2,
         render: 'canvas',
         onRenderingEnd: () => {
@@ -455,25 +455,43 @@ export default {
 
   .footerShare {
     display: flex;
-    flex-direction: column;
+    // align-items: center;
     justify-content: center;
-    align-items: center;
     margin-top: vw(100);
 
     .right-text {
-      // margin-left: vw(12.5);
+      margin-left: vw(12.5);
       display: flex;
-      // flex-direction: column;
-      // justify-content: space-between;
-      align-items: center;
-      justify-content: center;
-      padding: vw(10) 0;
+      flex-direction: column;
+      justify-content: space-between;
+
       div {
         color: #ffffff;
         font-size: vw(30);
         font-weight: bold;
+        padding: 6px 0;
       }
     }
+    // display: flex;
+    // flex-direction: column;
+    // justify-content: center;
+    // align-items: center;
+    // margin-top: vw(100);
+
+    // .right-text {
+    //   // margin-left: vw(12.5);
+    //   display: flex;
+    //   // flex-direction: column;
+    //   // justify-content: space-between;
+    //   align-items: center;
+    //   justify-content: center;
+    //   padding: vw(10) 0;
+    //   div {
+    //     color: #ffffff;
+    //     font-size: vw(30);
+    //     font-weight: bold;
+    //   }
+    // }
   }
   .html2canvasBox {
     width: 100%;
@@ -550,8 +568,8 @@ export default {
 <style lang="scss">
 .share {
   .QRcodes {
-    width: 104px; /* 固定像素尺寸 */
-    height: 104px;
+    width: 94px; /* 固定像素尺寸 */
+    height: 94px;
     margin-right: 12px;
     position: relative;
     background: #ffffff;
@@ -569,8 +587,6 @@ export default {
       width: 20px;
       height: 20px;
       img {
-        width: 100% !important;
-        height: 100% !important;
         object-fit: contain;
       }
       z-index: 3;