kate522
833f94bf3a
feat(orders): 规范化前台订单详情弹窗
弹窗外壳由 modal-runtime 挂载在 body 下,并不位于 .aksrt-orders-page 之内,
而原有 .aksrt-order-detail__* 规则引用的 --orders-ink / --orders-line 等别名
只定义在页面容器上。变量在该作用域无法解析,整条声明被判为无效值丢弃,于是
边框、分隔线与次要文字色全部没有生效——弹窗此前「没做完」的根因就在这里。
- renderDetail() 重构为状态横幅 + 商品信息 + 交易信息 + 操作栏四段
- 状态配色改由单个 --hero-accent 变量驱动,按状态切换琥珀 / 绿 / 品牌色 /
中性灰;--hero-text 再与墨色混合,避免强调色直接用作正文导致对比度不足
- 交易信息补上支付方式;流水号增加复制按钮(clipboard API + textarea 回退,
带 is-copied 反馈)
- 待支付订单在详情内显示实时倒计时;updateCountdowns() 经新增的
countdownScopes() 一并扫描弹窗内容,原先只扫页面根节点
- 补充此前完全缺失的 refresh-state 与 skeleton 样式
- 金额口径按状态区分应付款 / 实付款 / 订单金额;卡密核销回退出的原始渠道 key
归一显示为「卡密核销」
- 弹窗外壳挂 aksrt-order-detail-modal 类以限定样式作用域,宽度调至 480px
关键点是所需 token 在弹窗外壳上重新声明,而不是继续依赖页面级别名——后者会
因 portal 作用域再次失效。移动端沿用 bottom sheet,操作按钮等分宽度。
验证:node --test tests/**/*.test.cjs 362/364 通过(2 项失败为改动前既存,
见上一笔提交说明);phpunit 44 项 / 103 断言全部通过;Chromium 实拍 1080px
浅色与暗色两套主题逐项核对;样式类定义 21 个与引用 21 个完全对应,无遗留
死样式;order-center.js 经 node --check 语法校验通过。
2026-09-18 22:14:46 +08:00
..
2026-09-05 18:22:37 +08:00
2026-08-18 20:46:21 +08:00
2026-09-13 21:28:10 +08:00
2026-09-06 13:31:24 +08:00
2026-07-13 08:47:15 +08:00
2026-09-06 14:27:49 +08:00
2026-08-22 16:16:30 +08:00
2026-08-26 16:32:18 +08:00
2026-08-26 16:32:18 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-16 17:39:40 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 13:24:51 +08:00
2026-09-04 19:52:56 +08:00
2026-07-03 23:15:11 +08:00
2026-09-18 22:14:27 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-04 22:53:33 +08:00
2026-09-04 22:53:33 +08:00
2026-09-06 10:47:24 +08:00
2026-08-22 16:16:30 +08:00
2026-09-03 12:44:31 +08:00
2026-07-03 23:15:11 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-18 22:14:46 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 19:21:24 +08:00
2026-09-03 12:44:31 +08:00
2026-09-18 20:05:05 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-07-03 23:15:11 +08:00
2026-09-03 12:44:31 +08:00
2026-09-03 12:44:31 +08:00
2026-09-05 11:28:00 +08:00
2026-07-22 11:18:34 +08:00
2026-09-16 17:23:56 +08:00
2026-09-03 12:44:31 +08:00
2026-07-03 23:15:11 +08:00
2026-09-03 12:44:31 +08:00
2026-09-06 11:00:04 +08:00
2026-09-18 22:14:27 +08:00
2026-09-03 12:44:31 +08:00
2026-07-03 23:15:11 +08:00
2026-09-03 12:44:31 +08:00