dachui/order_site
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(order-service): 优化用户引导图配置与展示

Browse Source
This commit is contained in:
yml2213
2026-11-04 21:26:26 +08:00
parent e3a66309a0
commit 3a557e8bda
9 changed files with 283 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/styles/admin.css
+42 -27
View File
@@ -1858,26 +1858,59 @@
.order-service-basic-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 230px;
gap: 18px;
gap: 14px;
}
.order-service-basic-grid .ant-form-item {
margin-bottom: 12px;
}
.order-service-basic-fields {
min-width: 0;
}
.order-service-guide {
display: grid;
grid-template-columns: minmax(180px, 220px) minmax(260px, 1fr);
grid-template-rows: auto 1fr;
align-items: start;
align-content: start;
gap: 4px;
padding: 12px;
gap: 12px 18px;
padding: 14px;
background: #f8fafc;
border: 1px dashed #d9e1ec;
border-radius: 10px;
}
.order-service-guide .ant-upload-wrapper {
margin-top: 6px;
.order-service-guide-head {
grid-column: 1 / -1;
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 10px;
}
.order-service-guide-head .ant-typography:last-child {
font-size: 12px;
}
.order-service-guide-upload {
min-width: 0;
}
.order-service-guide-upload .ant-upload-list-item-container,
.order-service-guide-upload .ant-upload-select {
width: 180px !important;
height: 140px !important;
}
.order-service-guide-description.ant-form-item {
margin-bottom: 0;
}
.order-service-guide-description .ant-form-item-extra {
margin-top: 2px;
font-size: 11px;
}
.order-service-status-step-grid {
@@ -2170,10 +2203,6 @@
grid-template-columns: minmax(120px, 1fr) minmax(140px, 1fr) 110px 64px 104px;
}
.order-service-basic-grid {
grid-template-columns: minmax(0, 1fr) 200px;
}
.order-service-status-step-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@@ -2206,21 +2235,8 @@
padding: 16px 16px 0;
}
.order-service-basic-grid {
grid-template-columns: 1fr;
}
.order-service-guide {
grid-template-columns: minmax(0, 1fr) 160px;
}
.order-service-guide > :not(.ant-upload-wrapper) {
grid-column: 1;
}
.order-service-guide .ant-upload-wrapper {
grid-column: 2;
grid-row: 1 / span 3;
grid-template-columns: minmax(160px, 200px) minmax(0, 1fr);
}
.order-service-section-head {
@@ -2270,12 +2286,11 @@
.order-service-guide {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.order-service-guide > :not(.ant-upload-wrapper),
.order-service-guide .ant-upload-wrapper {
.order-service-guide-head {
grid-column: 1;
grid-row: auto;
}
.order-service-status-step-grid {