mkm
/
shop-applet
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

界面调整

This commit is contained in:
DESKTOP-GMUNQ1B\k 2024-03-01 10:16:23 +08:00
parent c9e220cd96
commit 2647831d12
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pages/payment/qrcode.vue
View File

@ -4,19 +4,21 @@
} }
.container { .container {
position: relative;
height: 100vh; height: 100vh;
background-image: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/def/9cf05202402291000026355.webp"); background-image: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/def/9cf05202402291000026355.webp");
background-size: 100% auto; background-size: 100% auto;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-top: 88rpx; padding-top: var(--status-bar-height);
.v-navbar { .v-navbar {
margin-bottom: 54rpx; margin-bottom: 54rpx;
} }
.v-desc { .v-desc {
margin-left: 30rpx; position: absolute;
margin-bottom: 124rpx; top: 230rpx;
left: 40rpx;
.v-desc-main { .v-desc-main {
margin-bottom: 30rpx; margin-bottom: 30rpx;
@ -33,12 +35,17 @@
} }
.v-qrcode { .v-qrcode {
display: flex; position: absolute;
justify-content: center; top: 475rpx;
margin-bottom: 158rpx; left: 50%;
transform: translateX(-50%);
} }
.v-btn { .v-btn {
position: absolute;
top: 1173rpx;
left: 50%;
transform: translateX(-50%);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -70,10 +77,9 @@
</style> </style>
<template> <template>
<view class="container"> <view class="container">
<view style="height: var(--status-bar-height);"></view>
<view class="v-navbar"> <view class="v-navbar">
<u-navbar title="面对面收款" @rightClick="rightClick" :autoBack="true" :fixed="false" bgColor="transparent" <u-navbar title="面对面收款" :autoBack="true" :fixed="false" bgColor="transparent" leftIconColor="#fff"
leftIconColor="#fff" :titleStyle="{color:'#fff',fontWeight:'bold',fontSize:'32rpx'}"> :titleStyle="{color:'#fff',fontWeight:'bold',fontSize:'32rpx'}">
</u-navbar> </u-navbar>
</view> </view>