自适应打印图片
This commit is contained in:
parent
5ad085bf27
commit
746657d25f
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue