二维码
This commit is contained in:
parent
89be263ca7
commit
aeed28a7d7
|
@ -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倍,可以根据需要调整 */
|
||||
}
|
||||
|
||||
/* 如果需要额外样式,可以在这里添加 */
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue