style(selectMemberDrawer): 调整选择用户抽屉布局

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

miniprogram/components/selectMemberDrawer/selectMemberDrawer.less

@@ -41,31 +41,32 @@
     height: 6rpx;
     background-color: #77849E;
     border-radius: 3rpx;
-    margin: 32rpx auto 40rpx;
+    margin: 32rpx auto 0;
 }
 
 /* 标题栏 */
 .drawer-header {
     width: 100%;
-    height: 32rpx;
+    height: 100rpx;
-    padding: 0 30rpx;
+    padding: 30rpx;
     box-sizing: border-box;
     display: flex;
-    align-items: center;
+	flex-wrap: nowrap;
     justify-content: space-between;
+    border-bottom: 2rpx solid #EAEDF1;
 
     .drawer-title {
         color: #252535;
-        height: 32rpx;
+        height: 40rpx;
         font-size: 32rpx;
-        font-weight: 700;
+        font-weight: bolder;
-        line-height: 32rpx;
+        line-height: 40rpx;
     }
 
     /* 关闭按钮 */
     .drawer-close {
-        width: 32rpx;
+        width: 40rpx;
-        height: 32rpx;
+        height: 40rpx;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -98,32 +99,25 @@
     }
 }
 
-/* 顶部分隔线 */
-.drawer-divider {
-    width: 690rpx;
-    height: 2rpx;
-    background-color: #EAEDF1;
-    margin: 39rpx 30rpx 0;
-    flex-shrink: 0;
-}
-
 /* 用户滚动列表 */
-.drawer-list {
+.drawer-user-list {
     flex: 1;
     overflow: hidden;
-    padding-bottom: env(safe-area-inset-bottom);
 }
 
-/* 用户行 */
+.scrollViewContent {
-.member-item {
 	width: 100%;
-    height: 90rpx;
     padding: 0 30rpx;
     box-sizing: border-box;
+
+	/* 用户行 */
+	.member-item {
+		width: 100%;
 		display: flex;
-    flex-direction: row;
+		flex-wrap: nowrap;
 		align-items: center;
-    margin-top: 24rpx;
+		padding: 24rpx 0;
+		border-bottom: 2rpx solid #EAEDF1;
 
 		/* 有图片头像 */
 		.member-avatar {
@@ -225,33 +219,5 @@
 				background-color: rgba(245, 158, 11, 0.12);
 			}
 		}
-}
-
-/* 行间水平分隔线 */
-.member-separator {
-    width: 690rpx;
-    height: 2rpx;
-    background-color: #EAEDF1;
-    margin: 24rpx 30rpx 0;
-}
-
-/* 空态占位 */
-.drawer-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 80rpx;
-
-    .drawer-empty-icon {
-        width: 193rpx;
-        height: 138rpx;
-        margin-bottom: 30rpx;
-    }
-
-    .drawer-empty-text {
-        color: #808080;
-        height: 28rpx;
-        font-size: 28rpx;
-        line-height: 28rpx;
 	}
 }

miniprogram/components/selectMemberDrawer/selectMemberDrawer.wxml

@@ -16,18 +16,16 @@
 			</view>
 		</view>
 
-        <!-- 分隔线 -->
-        <view class="drawer-divider"></view>
-
 		<!-- 用户列表 -->
+		<view class="drawer-user-list">
 			<block wx:if="{{ members.length }}">
-            <scroll-view class="drawer-list" scroll-y>
+				<scroll-view class="~scrollView" scroll-y>
+					<view class="scrollViewContent">
 						<block wx:for="{{ members }}" wx:key="id">
 							<view class="member-item" bind:tap="onTapMember" data-member="{{ item }}">
 								<!-- 头像 -->
 								<block wx:if="{{ item.avatar }}">
-                            <image class="member-avatar {{ item.selected ? 'member-avatar--selected' : '' }}"
+									<image class="member-avatar {{ item.selected ? 'member-avatar--selected' : '' }}" src="{{ item.avatar }}" mode="aspectFill"></image>
-                                   src="{{ item.avatar }}" mode="aspectFill"></image>
 								</block>
 								<block wx:else>
 									<view class="member-avatar-placeholder {{ item.gender === '女' ? 'member-avatar-placeholder--female' : 'member-avatar-placeholder--male' }} {{ item.selected && item.gender === '男' ? 'member-avatar-placeholder--selected-male' : '' }} {{ item.selected && item.gender === '女' ? 'member-avatar-placeholder--selected-female' : '' }}"></view>
@@ -51,19 +49,15 @@
 									</block>
 								</view>
 							</view>
-
-                    <!-- 水平分隔线 -->
-                    <view class="member-separator"></view>
 						</block>
+					</view>
 				</scroll-view>
 			</block>
 
 			<!-- 无用户：占位 -->
 			<block wx:else>
-            <view class="drawer-empty">
+				<empty-data />
-                <image class="drawer-empty-icon" src="/images/emptyData.png" mode="aspectFit"/>
-                <view class="drawer-empty-text">暂无可选用户</view>
-            </view>
 			</block>
 		</view>
+	</view>
 </block>