修改引导页、登录页等页面样式

This commit is contained in:
zhouyanli
2026-05-05 11:42:04 +08:00
parent 614dab7a6b
commit 97f8973f39
12 changed files with 161 additions and 138 deletions

View File

@@ -7,7 +7,7 @@
<uni-nav-bar left-icon="left" title="远程开门" backgroundColor ="none" :border="false" @clickLeft="narBack" />
</view>
<view class="top-img">
<image src="/static/imgs/xuancheng-bg.png" mode="" style="width: 100%;height: 100%;"></image>
<image src="/static/imgs/xuancheng-bg.png" mode="" style="width: 100%;height: 100%;"></image>
</view>
<!-- 提示文案 -->
@@ -25,8 +25,8 @@
<!-- 网格布局:2行2列 -->
<view class="grid-container">
<!-- 每个门选项 -->
<view
v-for="(item, index) in doorList"
<view
v-for="(item, index) in doorList"
:key="index"
:class="['door-item', { active: selectedDoor === index }]"
@click="selectDoor(index)"
@@ -67,7 +67,7 @@ const selectDoor = (index) => {
showSuccess.value = false // 选择新门时隐藏成功提示
}
// 返回
const narBack = () =>{
const narBack = () =>{
uni.switchTab({
url:"/pages/index/index"
})
@@ -159,7 +159,7 @@ const openDoor = () => {
.auth-container {
background: #ffffff;
border-radius: 20rpx;
padding: 30rpx 20rpx;
padding: 40rpx 42rpx;
margin-bottom: 60rpx;
position: relative;
top: -86px;
@@ -168,9 +168,10 @@ const openDoor = () => {
.auth-title {
text-align: center;
font-size: 32rpx;
font-weight: 500;
color: #333333;
padding-bottom: 20rpx;
border-bottom: 1px solid #e5e5e5;
/* border-bottom: 1px solid #e5e5e5; */
margin-bottom: 30rpx;
}
@@ -204,14 +205,14 @@ const openDoor = () => {
/* 门图标 */
.door-icon {
width: 80rpx;
height: 80rpx;
width: 126rpx;
height: 114rpx;
/* background-color: #f5f5f5; */
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15rpx;
margin-bottom: 44rpx;
}
.icon-text {
/* font-size: 40rpx; */
@@ -221,8 +222,9 @@ const openDoor = () => {
/* 门名称 */
.door-name {
font-size: 26rpx;
color: #333333;
font-size: 32rpx;
color: #222;
font-weight: 500;
}
/* 确认按钮 */
@@ -239,4 +241,4 @@ const openDoor = () => {
.confirm-btn::after {
border: none; /* 去除uni-app默认按钮边框 */
}
</style>
</style>