Skip to content

Commit 7009d1c

Browse files
committed
feat: 优化二维码展示样式,增加容器和尺寸设置
1 parent 0564b2c commit 7009d1c

File tree

1 file changed

+13
-1
lines changed

1 file changed

+13
-1
lines changed

components/BaseAuth.vue

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,9 @@
1616

1717
<div class="text-center my-4">
1818
<p>可扫码获取验证码(扫码->验证码->SSGO)</p>
19-
<img src="/qrcode.jpg" alt="扫码获取验证码" class="qrcode-image" />
19+
<div class="qrcode-container">
20+
<img src="/qrcode.jpg" alt="扫码获取验证码" class="qrcode-image" />
21+
</div>
2022
</div>
2123
</v-card-text>
2224

@@ -90,7 +92,17 @@ onMounted(() => {
9092
<style>
9193
.qrcode-image {
9294
max-width: 200px;
95+
width: 200px;
96+
height: 200px;
97+
object-fit: contain;
9398
margin: 0 auto;
9499
display: block;
95100
}
101+
102+
.qrcode-container {
103+
width: 200px;
104+
height: 200px;
105+
margin: 0 auto;
106+
background-color: rgba(0, 0, 0, 0.05);
107+
}
96108
</style>

0 commit comments

Comments
 (0)