refactor: move user-center My Orders into My Services section

The standalone order card is folded into the 我的服务 (My Services) sidebar
section: 我的订单 becomes a service-grid tile (all orders), with the
待支付/售后 quick shortcuts rendered beneath it as a compact row. Gated on
the orders dashboard tab being registered so no dead tile appears when the
payment stack is absent.
This commit is contained in:
2026-08-03 09:09:02 +08:00
parent 2cc198ada9
commit 16fdeceaf7
4 changed files with 37 additions and 25 deletions
+10
View File
@@ -456,6 +456,15 @@ body.aksrt-user-center .uc-content,
gap: 4px;
}
/* Order quick shortcuts nested inside the 我的服务 section. */
.uc-order-grid--quick {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
}
.uc-order-grid__item {
display: flex;
flex-direction: column;
@@ -627,6 +636,7 @@ body.aksrt-user-center .uc-content,
.uc-service-grid__item--cart .uc-service-grid__icon { color: #dd6941; background: rgba(238, 109, 61, 0.12); }
.uc-service-grid__item--level .uc-service-grid__icon { color: #9b6b0a; background: rgba(234, 179, 8, 0.13); }
.uc-service-grid__item--auth .uc-service-grid__icon { color: #287bc4; background: rgba(14, 165, 233, 0.12); }
.uc-service-grid__item--orders .uc-service-grid__icon { color: #c05621; background: rgba(234, 88, 12, 0.12); }
.uc-service-grid__item--notice .uc-service-grid__icon { color: #d04b65; background: rgba(244, 63, 94, 0.11); }
.uc-service-grid__item--profile .uc-service-grid__icon { color: #6550c7; background: rgba(124, 92, 220, 0.12); }
.uc-service-grid__item--security .uc-service-grid__icon { color: #16816c; background: rgba(16, 185, 129, 0.12); }