二维码

src/views/abuwx/wxuser/project.vue

@@ -77,10 +77,10 @@
         <!-- 二维码 -->
         <el-dialog :visible.sync="codeOpen" width="450px"  append-to-body>
           <div id="printdata">
+            <div class="printdata-item">
+                <div >项目名称：<span>{{ this.titles }}</span></div>
             <div>
-                <div>项目名称：<span>{{ this.titles }}</span></div>
-            <div>
-              <vue-qr :width="400" ref="qrCode" :text="texturl" :logoSrc="logoSrc" :color-dark="randomColor" ></vue-qr>
+              <vue-qr  :width="400" ref="qrCode" :text="texturl" :logoSrc="logoSrc" :color-dark="randomColor" ></vue-qr>
             </div>
             </div>
           
@@ -313,18 +313,25 @@ export default {
 }
 @media print {
   
+  
     @page {
+      
         size: auto; /* 设置打印页面大小为自动 */
         margin: 0; /* 设置打印页面的页边距为0，去除默认页眉和页脚 */
- 
     }
     #printdata {
         display: flex;
         justify-content: center; /* 水平居中 */
         align-items: center; /* 垂直居中 */
+        width: 100vw;
         height: 100vh; /* 设置高度为视口高度，使内容居中显示 */
+        // transform: scale(2); /* 设置二维码放大倍数，这里是放大2倍，可以根据需要调整 */
+    }
+  
+    .printdata-item{
         transform: scale(3); /* 设置二维码放大倍数，这里是放大2倍，可以根据需要调整 */
     }
+ 
     /* 如果需要额外样式，可以在这里添加 */
 
 }