优化样式
This commit is contained in:
@@ -308,12 +308,15 @@
|
||||
.filter-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20rpx;
|
||||
|
||||
.filter-item {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
|
||||
& + .filter-item {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.filter-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -352,7 +355,6 @@
|
||||
.btn-row {
|
||||
display: flex;
|
||||
margin-top: 24rpx;
|
||||
gap: 24rpx;
|
||||
|
||||
.reset-btn,
|
||||
.search-btn {
|
||||
@@ -378,6 +380,7 @@
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
margin-left: 24rpx;
|
||||
background: linear-gradient(135deg, #4D5DFA 0%, #6C7AFF 100%);
|
||||
color: #ffffff;
|
||||
box-shadow: 0 8rpx 20rpx rgba(77, 93, 250, 0.25);
|
||||
@@ -527,9 +530,11 @@
|
||||
padding: 16rpx 0 12rpx;
|
||||
|
||||
.filter-row {
|
||||
gap: 12rpx;
|
||||
|
||||
.filter-item {
|
||||
& + .filter-item {
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.filter-label {
|
||||
padding: 12rpx 16rpx;
|
||||
font-size: 24rpx;
|
||||
|
||||
@@ -1,17 +1,8 @@
|
||||
<template>
|
||||
<view class="setting-container">
|
||||
<!-- <view class="status_bar"></view> -->
|
||||
<!-- 顶部导航栏 -->
|
||||
<!-- <view class="nav-bar">
|
||||
<view class="nav-left" @tap="goBack">
|
||||
<uni-icons type="left" size="22" color="#000"></uni-icons>
|
||||
</view>
|
||||
<view class="nav-title">设置</view>
|
||||
<view class="nav-right"></view>
|
||||
</view> -->
|
||||
|
||||
<!-- 内容区域 -->
|
||||
<scroll-view class="content" scroll-y="true">
|
||||
<view class="content">
|
||||
<!-- 手机号设置项 -->
|
||||
<view class="setting-item" @tap="goToChangePhone">
|
||||
<view class="item-label">手机号</view>
|
||||
@@ -31,9 +22,12 @@
|
||||
<!-- <view class="item-value">{{ }}</view> -->
|
||||
<uni-icons type="arrowright" size="20" color="#ccc"></uni-icons>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<!-- 退出登录按钮 -->
|
||||
<!-- 底部占位,避免内容被固定按钮遮挡 -->
|
||||
<view class="placeholder"></view>
|
||||
|
||||
<!-- 退出登录按钮(固定底部) -->
|
||||
<view class="logout-btn-wrap">
|
||||
<button class="logout-btn" @tap="handleLogout">退出登录</button>
|
||||
</view>
|
||||
@@ -144,52 +138,19 @@ const confirmLogout = () => {
|
||||
.setting-container {
|
||||
min-height: 100vh;
|
||||
background-color: #ffffff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.status_bar {
|
||||
width: 100%;
|
||||
height: 46px;
|
||||
}
|
||||
/* 导航栏样式 */
|
||||
.nav-bar {
|
||||
height: 44px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 15px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
background-color: #fff;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.nav-left {
|
||||
width: 40px;
|
||||
height: 44px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.nav-right {
|
||||
width: 40px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 内容区域 */
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 底部占位,高度与固定按钮区一致 */
|
||||
.placeholder {
|
||||
height: 104px;
|
||||
}
|
||||
|
||||
/* 设置项样式 */
|
||||
.setting-item {
|
||||
display: flex;
|
||||
@@ -218,7 +179,12 @@ const confirmLogout = () => {
|
||||
|
||||
/* 退出登录按钮 */
|
||||
.logout-btn-wrap {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 30px 15px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.logout-btn {
|
||||
|
||||
@@ -313,7 +313,6 @@ onShow(() => {
|
||||
.rate-row {
|
||||
margin-top: 20rpx;
|
||||
display: flex;
|
||||
gap: 30rpx;
|
||||
.rate-item {
|
||||
flex: 1;
|
||||
border-radius: 8rpx;
|
||||
@@ -324,6 +323,9 @@ onShow(() => {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.rate-item + .rate-item {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.rate-occupy {
|
||||
background-image: url('https://wuye.ckdzkj.com/images/imgs/rate-occupy.png');
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user