用户列表页面0.2

pages/useList/useList.vue

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