feat(orders): full-chain My Orders for all product types
Unify front-end order center across shop, content, VIP, recharge, points, and plate-follow with type filters, stats, and type-aware cards; keep shop-only fulfillment actions; ensure 权益与消费 entry URL.
This commit is contained in:
@@ -436,3 +436,65 @@ html.dark .aksrt-orders-page__filter-chip.is-active,
|
||||
html.dark .aksrt-orders-page__filter-chip.is-active {
|
||||
border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-line, #e5e7eb));
|
||||
}
|
||||
|
||||
/* ===== Stats + type filters (My Orders) ===== */
|
||||
.aksrt-orders-page__stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
|
||||
.aksrt-orders-page__stat {
|
||||
padding: 14px 16px;
|
||||
border-radius: var(--radius-md, 12px);
|
||||
border: 1px solid var(--color-line);
|
||||
background: var(--surface-4, #fff);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.aksrt-orders-page__stat-label {
|
||||
font-size: 12px;
|
||||
color: var(--color-ink-3, #8b8f97);
|
||||
}
|
||||
|
||||
.aksrt-orders-page__stat-value {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: var(--color-ink, #1f2329);
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.aksrt-orders-page__type-filters {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 0 14px;
|
||||
}
|
||||
|
||||
.aksrt-orders-page__card-type {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
background: color-mix(in srgb, var(--color-primary, #3b82f6) 12%, transparent);
|
||||
color: var(--color-primary, #3b82f6);
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.aksrt-orders-page__card-head {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.aksrt-orders-page__stats {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user