自适应打印图片

This commit is contained in:
Cc 2025-02-28 09:24:56 +08:00
parent 5ad085bf27
commit 746657d25f
2 changed files with 12 additions and 11 deletions

View File

@ -96,7 +96,7 @@
align="center"
></el-table-column>
<!-- <el-table-column-->
<!-- prop="status"-->
<!-- pr op="status"-->
<!-- label="传感器状态"-->
<!-- width="120"-->
<!-- align="center"-->

View File

@ -51,23 +51,24 @@ onMounted(() => {
</script>
<style second>
.container {
width: 600px;
height: 400px;
width: 30vw;
height: calc(20vw);
position: relative;
img {
width: 100%;
height: 100%;
}
.qrcodeimg {
width: 110px;
height: 110px;
width: 6vw;
height: 6vw;
position: absolute;
bottom: 73px;
right: 50px;
bottom: 2.2vw;
right: 1.5vw;
}
.qrcodeSn {
position: absolute;
bottom: 54px;
right: 59px;
bottom: 1.3vw;
right: 1.9vw;
color: #000;
font-weight: bold;
}
@ -81,8 +82,8 @@ onMounted(() => {
}
.date {
position: absolute;
top: 121px;
left: 180px;
top: 6.4vw;
left: 8.5vw;
font-size: 20px;
font-weight: 500;