feat(equipmentMember): 删除确认改为自定义弹窗,他人添加用户红色加粗警示

- 删除确认弹窗替代原生 wx.showModal,仿原生风格
- 他人添加成员删除时显示红色加粗警示文案
- 成员列表操作区统一展示编辑/删除按钮
- 名字旁补充「本人」「他人添加」标签

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-06-10 15:05:51 +08:00
co-authored by Claude Opus 4.7
parent d44e0a9e76
commit 97c135786c
3 changed files with 179 additions and 69 deletions
@@ -112,7 +112,7 @@
.scrollViewContent {
box-sizing: border-box;
/* 成员卡(容量小标题 + 列表整体白卡) */
/* 用户卡(容量小标题 + 列表整体白卡) */
.member-card {
width: 100%;
flex: 1;
@@ -261,6 +261,11 @@
background-color: rgba(19, 133, 250, 0.12);
}
.badge-my {
color: #1385FA;
background-color: rgba(19, 133, 250, 0.08);
}
.badge-other {
color: #77849E;
background-color: rgba(0, 0, 0, 0);
@@ -274,7 +279,7 @@
align-items: center;
background-color: #FFFFFF;
/* 底部添加成员按钮 */
/* 底部添加用户按钮 */
.add-member {
width: 580rpx;
height: 88rpx;
@@ -315,4 +320,72 @@
opacity: 0.4;
}
}
/* 删除确认弹窗 — 仿原生 wx.showModal 风格 */
.delete-modal-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
}
.delete-modal {
width: 540rpx;
border-radius: 16rpx;
background-color: #FFFFFF;
overflow: hidden;
}
.delete-modal-title {
width: 100%;
padding-top: 40rpx;
text-align: center;
font-size: 34rpx;
font-weight: 500;
color: #000000;
}
.delete-modal-content {
padding: 32rpx 32rpx 40rpx;
font-size: 28rpx;
color: #353535;
line-height: 44rpx;
text-align: center;
}
.delete-modal-warning {
color: #FF4D4F;
font-weight: bold;
}
.delete-modal-footer {
width: 100%;
height: 88rpx;
display: flex;
border-top: 1rpx solid rgba(0, 0, 0, 0.1);
}
.delete-modal-btn {
flex: 1;
height: 88rpx;
line-height: 88rpx;
text-align: center;
font-size: 32rpx;
}
.delete-modal-btn-cancel {
color: #000000;
border-right: 1rpx solid rgba(0, 0, 0, 0.1);
}
.delete-modal-btn-confirm {
color: #000000;
font-weight: bold;
}
}