diff --git a/pages/payment/qrcode.vue b/pages/payment/qrcode.vue index 2024c99..310c770 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 @@