feat(equipmentMember): 删除确认改为自定义弹窗,他人添加用户红色加粗警示
- 删除确认弹窗替代原生 wx.showModal,仿原生风格 - 他人添加成员删除时显示红色加粗警示文案 - 成员列表操作区统一展示编辑/删除按钮 - 名字旁补充「本人」「他人添加」标签 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
d44e0a9e76
commit
97c135786c
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user