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:
2026-07-25 13:33:43 +08:00
parent 85ade059a2
commit 3baa8573c9
8 changed files with 841 additions and 152 deletions
+62
View File
@@ -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;
}
}