From 2647831d1249317e14a7f1cabfbcd18fbdcafe9a Mon Sep 17 00:00:00 2001 From: "DESKTOP-GMUNQ1B\\k" <1154079537@qq.com> Date: Fri, 1 Mar 2024 10:16:23 +0800 Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/payment/qrcode.vue | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/pages/payment/qrcode.vue b/pages/payment/qrcode.vue index 196c709..399e11d 100644 --- a/pages/payment/qrcode.vue +++ b/pages/payment/qrcode.vue @@ -4,19 +4,21 @@ } .container { + position: relative; height: 100vh; background-image: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/def/9cf05202402291000026355.webp"); background-size: 100% auto; background-repeat: no-repeat; - padding-top: 88rpx; + padding-top: var(--status-bar-height); .v-navbar { margin-bottom: 54rpx; } .v-desc { - margin-left: 30rpx; - margin-bottom: 124rpx; + position: absolute; + top: 230rpx; + left: 40rpx; .v-desc-main { margin-bottom: 30rpx; @@ -33,12 +35,17 @@ } .v-qrcode { - display: flex; - justify-content: center; - margin-bottom: 158rpx; + position: absolute; + top: 475rpx; + left: 50%; + transform: translateX(-50%); } .v-btn { + position: absolute; + top: 1173rpx; + left: 50%; + transform: translateX(-50%); display: flex; align-items: center; justify-content: center; @@ -70,10 +77,9 @@