cykj/shanxia2.0
1
0 Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

fix(web-admin): align product danger confirm layout with demo B.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
wuzilongandCursor committed 2026-10-18 18:22:34 +08:00
1 parent d0b6320c0f
commit 5c791b00cb
4 files changed
+43 -15
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web-admin/src/views/m/crm/product/product.scss
+28 -9
View File
@@ -291,19 +291,23 @@ body > .van-dropdown-item {
z-index: 3000 !important;
}
/* ── 确认弹窗：方案 A / B（挂到 body，须用 className 限定）── */
/* ── 确认弹窗：方案 A / B（挂到 body，须用 className 限定；对齐 Demo）── */
body .van-dialog.mp-product-dialog {
overflow: hidden;
width: 300px !important;
max-width: calc(100vw - 48px);
border-radius: 16px;
box-shadow: 0 16px 40px rgb(15 40 30 / 22%);
}
/* 方案 A：Vant header 居中 */
body .van-dialog.mp-product-dialog .van-dialog__header {
padding-top: 20px;
padding: 20px 20px 0;
font-size: 16px;
font-weight: 700;
color: #1f2a26;
line-height: 1.4;
text-align: center;
}
body .van-dialog.mp-product-dialog .van-dialog__content {
@@ -311,17 +315,26 @@ body .van-dialog.mp-product-dialog .van-dialog__content {
}
body .van-dialog.mp-product-dialog .van-dialog__message {
padding: 10px 20px 4px;
padding: 10px 20px 20px;
font-size: 14px;
line-height: 1.55;
color: #6b7b74;
text-align: center;
}
/* 方案 B：图标 → 标题 → 文案（标题在 HTML 内，无 Vant header） */
body .van-dialog.mp-product-dialog.mp-product-dialog--danger .van-dialog__header {
display: none;
}
body .van-dialog.mp-product-dialog.mp-product-dialog--danger .van-dialog__message {
padding: 20px 20px 20px;
}
body .van-dialog.mp-product-dialog .mp-product-dialog__warn {
display: flex;
justify-content: center;
margin: 4px 0 10px;
margin: 0 0 12px;
}
body .van-dialog.mp-product-dialog .mp-product-dialog__warn-icon {
@@ -332,11 +345,21 @@ body .van-dialog.mp-product-dialog .mp-product-dialog__warn-icon {
height: 44px;
font-size: 22px;
font-weight: 700;
line-height: 1;
color: #dc2626;
background: #fef2f2;
border-radius: 50%;
}
body .van-dialog.mp-product-dialog .mp-product-dialog__title {
margin: 0 0 8px;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #1f2a26;
text-align: center;
}
body .van-dialog.mp-product-dialog .mp-product-dialog__msg {
color: #6b7b74;
text-align: center;
@@ -345,7 +368,7 @@ body .van-dialog.mp-product-dialog .mp-product-dialog__msg {
body .van-dialog.mp-product-dialog .van-dialog__footer {
display: flex;
gap: 10px;
padding: 16px;
padding: 0 16px 16px;
border-top: none !important;
}
@@ -384,7 +407,3 @@ body .van-dialog.mp-product-dialog.mp-product-dialog--danger .van-dialog__confir
background: #dc2626 !important;
border-color: #dc2626 !important;
}
body .van-dialog.mp-product-dialog.mp-product-dialog--danger .van-dialog__header {
padding-top: 12px;
}