YoGo/SFH5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
fay 2026-03-27 09:43:05 +08:00
parent c4629781da
commit 2d4ac17505
1 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
pages/unlock/index.vue
View File

@ -2,10 +2,10 @@
<view class="container" :class="[`${themeInfo.theme}-theme`]"> <view class="container" :class="[`${themeInfo.theme}-theme`]">
<view class="header"> <view class="header">
<uv-tabs @change="handleChange" :current="state.current" lineWidth="80rpx" lineHeight="10rpx" <uv-tabs @change="handleChange" :current="state.current" lineWidth="80rpx" lineHeight="10rpx"
lineColor="#f56c6c" :scrollable="false" :list="list"> lineColor="#FF1E2E" :scrollable="false" :list="list">
</uv-tabs> </uv-tabs>
</view> </view>
<view class="content"> <view class="unlock-wrap content">
<view class="card orderList" v-for="item in currentOrderList" :key="item.orderId"> <view class="card orderList" v-for="item in currentOrderList" :key="item.orderId">
<view class="orderInfo"> <view class="orderInfo">
<!-- <uv-button shape="circle">复制</uv-button> --> <!-- <uv-button shape="circle">复制</uv-button> -->
@ -215,25 +215,26 @@
</view> </view>
</view> </view>
</uv-popup> </uv-popup>
<uv-popup ref="devicePopupRef" zIndex="999" round="24rpx"> <uv-popup ref="devicePopupRef" zIndex="999" round="24rpx" :safeAreaInsetBottom="false">
<view class="popupBox popupBoxW710"> <view class="popupBox popupBoxW650">
<view class="title fontb font32"> <view class="title fontb font32">
开门二维码 开门二维码
</view> </view>
<view class="content"> <view class="content">
<img @click="showImage(QRCode)" alt="加载失败" v-show="ifShow" class="paw" width="100%" height="300rpx" <img @click="showImage(QRCode)" alt="加载失败" v-show="ifShow" class="paw" width="280rpx" height="280rpx"
:src="QRCode"></img> :src="QRCode"></img>
<text class="textGray font26">二维码的有效期仅为15分钟</text> <text class="textGray font26" style="z-index: 9; margin: 0 0 30rpx 0;">二维码的有效期仅为15分钟</text>
</view> </view>
<view class="btnBox"> <view class="btnBox">
<uv-button @click="closeDevicePopup" :customStyle="{ <!-- <uv-button @click="closeDevicePopup" :customStyle="{
height: '86rpx', height: '86rpx',
color: '#000', color: '#000',
fontSize: '32rpx', fontSize: '32rpx',
}" shape="circle"> }" shape="circle">
取消 取消
</uv-button> </uv-button> -->
<uv-button @click="GetQRCode" :customStyle="{ <uv-button @click="GetQRCode" :customStyle="{
width: '86%',
height: '86rpx', height: '86rpx',
background: '#FB322E', background: '#FB322E',
color: '#fff', color: '#fff',
@ -244,14 +245,14 @@
</view> </view>
</view> </view>
</uv-popup> </uv-popup>
<uv-popup ref="pawPopupRef" zIndex="999" round="24px"> <uv-popup ref="pawPopupRef" zIndex="999" round="24px" :safeAreaInsetBottom="false">
<view class="popupBox pwdBox popupBoxW710"> <view class="popupBox pwdBox popupBoxW650">
<view class="title fontb font32"> <view class="title fontb font32">
开锁 开锁密码
</view> </view>
<view class="content"> <view class="content">
<text class="font26 textRed fontb" style="font-size: 60rpx;">{{ lockPwd }}#</text> <text class="font26 textRed fontb" style="font-size: 60rpx;">{{ lockPwd }}#</text>
<text class="textGray font26">输入密码即可开锁{{ [3, 7].includes(Number(state.selectItem?.lockTypeId)) ? <text class="textGray font26" style="margin: 20rpx 0 30rpx;">输入密码即可开锁{{ [3, 7].includes(Number(state.selectItem?.lockTypeId)) ?
"或一键开锁" : "或一键开锁" :
"" }}</text> "" }}</text>
</view> </view>
@ -1499,6 +1500,10 @@ onShow(() => {
width: 710rpx; width: 710rpx;
} }
.popupBoxW650 {
width: 650rpx;
}
.popupBox { .popupBox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1506,6 +1511,7 @@ onShow(() => {
.title { .title {
text-align: center; text-align: center;
z-index: 9;
} }
.content { .content {
@ -1522,6 +1528,7 @@ onShow(() => {
.btnBox { .btnBox {
display: flex; display: flex;
gap: 20rpx; gap: 20rpx;
padding: 0 20rpx;
width: 100%; width: 100%;
:deep(.uv-button-wrapper) { :deep(.uv-button-wrapper) {
@ -1675,6 +1682,10 @@ onShow(() => {
} }
} }
.paw {
margin: -20rpx auto -34rpx;
z-index: 1;
}
} }
.container { .container {
@ -1682,8 +1693,6 @@ onShow(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
min-height: 100vh;
padding-bottom: 400rpx;
.header { .header {
width: 100%; width: 100%;
@ -1697,10 +1706,16 @@ onShow(() => {
:deep(.uv-tabs__wrapper__nav__item__text) { :deep(.uv-tabs__wrapper__nav__item__text) {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
padding-bottom: 10rpx; padding-bottom: 6rpx;
} }
} }
.unlock-wrap {
height: calc(100vh - 160rpx);
padding-bottom: 160rpx;
overflow: auto;
}
.content { .content {
display: flex; display: flex;
width: 100%; width: 100%;