refactor: 用户列表页面优化

src/styles/index.scss

@@ -25,11 +25,8 @@ body,
 // ==========================================================================
 
 .page {
-  background-color: var(--color-bg-tertiary, #f1f5f9);
-}
-
-.page--full {
   min-height: 100vh;
+  background-color: var(--color-bg-tertiary, #f1f5f9);
 }
 
 .page--auto {
@@ -47,39 +44,76 @@ body,
 .filter {
   &__search {
     overflow: hidden;
-    background: #fff;
     border-radius: 12rpx;
-
-    :deep(.wd-search) {
-      background: transparent;
-    }
   }
 
   &__bar {
     display: flex;
     align-items: center;
-    height: 88rpx;
-    margin-top: 12rpx;
+    height: 72rpx;
+    margin-top: 16rpx;
+    overflow: hidden;
     background: #fff;
     border-radius: 12rpx;
+
+    :deep(.wd-drop-menu) {
+      flex: 1;
+    }
+
+    :deep(.wd-drop-menu-item) {
+      flex: 1;
+    }
   }
 
-  &__item {
+  &__half {
+    display: flex;
+    flex: 1;
+    min-width: 0;
+
+    :deep(.wd-drop-menu) {
+      width: 100%;
+      height: 100%;
+    }
+
+    :deep(.wd-drop-menu__menu) {
+      width: 100%;
+      height: 100%;
+    }
+
+    :deep(.wd-drop-menu__item) {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      padding: 0;
+      box-sizing: border-box;
+    }
+  }
+
+  &__btn {
     display: flex;
     flex: 1;
     align-items: center;
     justify-content: center;
-  }
+    height: 100%;
+    font-size: 26rpx;
+    color: #475569;
+    cursor: pointer;
+    transition: background 0.2s;
 
-  &__text {
-    margin-right: 8rpx;
-    font-size: 28rpx;
-    color: #64748b;
+    &:active {
+      background: #f8fafc;
+    }
+
+    .wd-icon {
+      margin-left: 4rpx;
+    }
   }
 
   &__divider {
     width: 1px;
-    height: 40rpx;
+    height: 32rpx;
     background: #e2e8f0;
   }
 }
@@ -152,6 +186,14 @@ body,
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+
+  &__footer {
+    display: flex;
+    align-items: center;
+    padding: 16rpx 24rpx;
+    color: #64748b;
+    font-size: 24rpx;
+  }
 }
 
 // ==========================================================================