界面调整

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

View File

@ -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 @@
</style>
<template>
<view class="container">
<view style="height: var(--status-bar-height);"></view>
<view class="v-navbar">
<u-navbar title="面对面收款" @rightClick="rightClick" :autoBack="true" :fixed="false" bgColor="transparent"
leftIconColor="#fff" :titleStyle="{color:'#fff',fontWeight:'bold',fontSize:'32rpx'}">
<u-navbar title="面对面收款" :autoBack="true" :fixed="false" bgColor="transparent" leftIconColor="#fff"
:titleStyle="{color:'#fff',fontWeight:'bold',fontSize:'32rpx'}">
</u-navbar>
</view>