WindowBird/HomeLease
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

用户列表页面0.2

Browse Source
This commit is contained in:
WindowBird 2025-08-18 16:37:23 +08:00
parent 4362a4f4c8
commit 1fd0815a36
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pages/useList/useList.vue
View File

@ -3,7 +3,7 @@
<!-- 搜索和筛选区域 --> <!-- 搜索和筛选区域 -->
<view class="search-filter-section"> <view class="search-filter-section">
<view class="search-box"> <view class="search-box">
<uni-icons size="30" type="search"></uni-icons> <uni-icons color="#7F7F7F" size="20" type="search"></uni-icons>
<input v-model="searchKeyword" class="search-input" placeholder="搜索" @input="onSearch" /> <input v-model="searchKeyword" class="search-input" placeholder="搜索" @input="onSearch" />
</view> </view>
<view class="filter-btn" @click="showFilter"> <view class="filter-btn" @click="showFilter">
@ -179,26 +179,29 @@ export default {
.page { .page {
min-height: 90vh; min-height: 90vh;
background: #f7f7f7; background: #f7f7f7;
padding-top: 20rpx;
padding-bottom: 40rpx; padding-bottom: 40rpx;
} }
.search-filter-section { .search-filter-section {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 20rpx 20rpx 20rpx; padding: 20rpx 20rpx 20rpx 20rpx;
gap: 20rpx; gap: 20rpx;
background: white;
margin-bottom: 20rpx;
} }
.search-box { .search-box {
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
background: white; background: #f3f5f6;
border-radius: 10rpx; border-radius: 999px;
padding: 20rpx; padding: 20rpx;
.search-input { .search-input {
padding: 0 20rpx;
flex: 1; flex: 1;
font-size: 28rpx; font-size: 28rpx;
} }
@ -247,6 +250,8 @@ export default {
} }
.user-details { .user-details {
display: flex;
justify-content: space-between;
flex: 1; flex: 1;
} }
@ -266,8 +271,9 @@ export default {
.amount { .amount {
font-size: 28rpx; font-size: 28rpx;
color: #ff6b35;
font-weight: 500; font-weight: 500;
padding-right: 78rpx;
} }
.device-count { .device-count {
@ -326,6 +332,6 @@ export default {
} }
view { view {
//border: red solid 1px; border: red solid 1px;
} }
</style> </style>