这一版本优化了很多

pages/membermanagemen/membermanagemen.vue

@@ -47,7 +47,7 @@
 		</view>
 
 		<!-- 添加成员弹出框 -->
-		<u-popup :show="showPopup" mode="center" round="20" @close="showPopup = false">
+		<u-popup :show="showPopup" mode="center" round="20" :safeAreaInsetBottom="false" @close="showPopup = false">
 			<view class="popup-content">
 				<view class="popup-header">
 					<view class="popup-title text-bold">添加成员</view>
@@ -88,14 +88,10 @@
 							</text>
 							<text class="cuIcon-unfold"></text>
 						</view>
-						<up-picker 
-							:show="showRolePicker" 
-							:columns="roleColumns" 
-							@confirm="onRoleConfirm"
-							@cancel="showRolePicker = false" 
-							@close="showRolePicker = false"
-						></up-picker>
 					</view>
+					
+					<!-- 占位空白，防止被底部按钮遮挡 -->
+					<view style="height: 40rpx;"></view>
 				</scroll-view>
 
 				<view class="popup-footer">
@@ -104,6 +100,15 @@
 				</view>
 			</view>
 		</u-popup>
+
+		<up-picker 
+			:show="showRolePicker" 
+			:columns="roleColumns" 
+			@confirm="onRoleConfirm"
+			@cancel="showRolePicker = false" 
+			@close="showRolePicker = false"
+		></up-picker>
+
 		<TabBar />
 	</view>
 </template>
@@ -422,6 +427,10 @@ onMounted(() => {
 
 // 弹出框样式
 .popup-content {
+	position: relative;
+	z-index: 99;
+	transform: translateZ(0);
+	-webkit-transform: translateZ(0);
 	width: 600rpx;
 	background: #fff;
 	border-radius: 20rpx;
@@ -448,6 +457,10 @@ onMounted(() => {
 }
 
 .popup-body {
+	position: relative;
+	z-index: 100;
+	transform: translateZ(0);
+	-webkit-transform: translateZ(0);
 	padding: 30rpx;
 	max-height: 700rpx;
 	overflow-y: auto;
@@ -485,6 +498,8 @@ onMounted(() => {
 		height: 90rpx;
 		line-height: 90rpx;
 		border-radius: 0;
+		margin: 0;
+		padding: 0;
 		font-size: 30rpx;
 		
 		&::after {