Explorar el Código

Merge branch 'feature_20250331_日报分享' into uat(dev)

zhujindu hace 6 meses
padre
commit
996467c99b
Se han modificado 1 ficheros con 22 adiciones y 6 borrados
  1. 22 6
      src/components/share.vue

+ 22 - 6
src/components/share.vue

@@ -89,15 +89,15 @@
         </div>
       </div>
       <div class="footerShare">
+        <div class="right-text">
+          <div>长按识别二维码</div>
+          <div>查看详情&点评</div>
+        </div>
         <div class="QRcodes" ref="QRcodes">
           <div class="logo">
             <img :src="require('@/assets/logo1.png')" width="100%" height="100%" />
           </div>
         </div>
-        <div class="right-text">
-          <div>长按识别二维码</div>
-          <div>查看详情&点评</div>
-        </div>
       </div>
     </div>
     <div
@@ -230,6 +230,22 @@ export default {
         //   // 确保克隆的DOM保持原始样式
         //   clonedDoc.getElementById('html2canvas').style.overflow = 'auto';
         // },
+        // ignoreElements: (element) => {
+        //   // 保留目标元素及其祖先/后代节点(维持层级结构)
+        //   if (targetElement.contains(element) || element.contains(targetElement)) {
+        //     return false;
+        //   }
+        //   // 保留样式标签(避免截图样式丢失)
+        //   if (element.tagName === 'STYLE' || element.tagName === 'LINK') {
+        //     return false;
+        //   }
+        //   // 保留标记 data-html2canvas 的节点(如头部样式)
+        //   if (element.getAttribute('data-html2canvas') !== null) {
+        //     return false;
+        //   }
+        //   // 其余节点全部忽略
+        //   return true;
+        // },
       })
         .then((canvas) => {
           this.toastLoading().clear();
@@ -460,10 +476,11 @@ export default {
     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;
+      margin-right: vw(24);
 
       div {
         color: #ffffff;
@@ -570,7 +587,6 @@ export default {
   .QRcodes {
     width: 94px; /* 固定像素尺寸 */
     height: 94px;
-    margin-right: 12px;
     position: relative;
     background: #ffffff;
     image-rendering: crisp-edges;