被问到「这么多组件能保证不出错吗」——诚实回答是不能。改为四轮机器审计 + 实测,把「我检查过了」替换成可复现的数字,并修掉查出的一切真问题。 审计 1 · 契约保真度(358 条 usageHints 回规格原文核对) - 逐字命中 336 条(93.9%);剩余 22 条经人工比对为同义改写(数值确在规格 别处),非发明 - 发现真实不一致:rate.json 选中星色仍写 #FAAD14,规格已在 v1.3.1 改为 #2F54EB —— 修契约与规格同步 审计 2 · 令牌语义正确性 - 检查 1313 处含令牌的颜色声明,0 处属性/令牌角色错配 审计 3 · i18n 翻译质量 - 326 条字典:英文值含中文 0 条、中英相同 0 条、长度异常 0 条 - 修正审计脚本对「副名」的误判(英文模式 .core-en 显示中文是设计意图) - 修复 4 处真漏翻:guide 页标题、Do/Don't 两标题、guide 表格 H5 静态页、 组件名渲染 4 处未做语言感知 审计 4 · 废弃色值残留 - 扫描 91 文件,发现 4 个文件 23 处仍引用 v1.3.1 前旧色值 - 最严重:css.json(For Agents 页宣称的结构化令牌源,机器读取方会拿到 过时颜色)已同步 10 处;README.md 5 处;CHANGELOG 的旧值属历史记录 有意保留 修复 · 低对比度图标 - 逐元素实测对比度扫全站,发现 Rate 未选中星用 --au-color-border(#E8ECF1) 作星色,白底仅 1.19:1 —— 边框色是装饰性色值,作图标不合格 - 新增 --au-color-icon-inactive #8F8F8F(白底 3.23:1,满足 WCAG 1.4.11) 令牌 74 → 75 - 同批扫出另 5 处经核实为禁用态(WCAG 1.4.3 豁免)或深色遮罩白字 (检测器把半透明底当白底),非缺陷 修复 · 回归偶发(第三次根治) - 现象:多次连跑偶发 99.9%,但单页打开总通过 - 根因:收集器 8 秒超时兜底直接记 fail:1;并发 4 个 iframe 抢主线程时 慢页面会撞超时 - 修法:阈值 8s→12s、超时后重试一次、超时与断言失败分开统计(timedOut 字段不计入通过率分母) - 验证:八次连跑全部 100% / 0 失败 / 79 页全通过 / 0 超时
16 lines
1.1 KiB
CSS
16 lines
1.1 KiB
CSS
/* Aurora Admin Rate 样式 — 对齐 组件7.txt RateInput:星级、半星、只读、尺寸、文字 */
|
|
|
|
.aa-rate { display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-rate-star { position: relative; display: inline-block; font-size: 20px; line-height: 1; color: var(--au-color-icon-inactive); cursor: pointer; transition: color .15s, transform .1s; }
|
|
.aa-rate-star:hover { transform: scale(1.1); }
|
|
.aa-rate-star .aa-rate-fill { position: absolute; left: 0; top: 0; overflow: hidden; color: var(--au-color-brand); white-space: nowrap; pointer-events: none; }
|
|
.aa-rate.is-readonly .aa-rate-star,
|
|
.aa-rate.is-disabled .aa-rate-star { cursor: default; }
|
|
.aa-rate.is-readonly .aa-rate-star:hover,
|
|
.aa-rate.is-disabled .aa-rate-star:hover { transform: none; }
|
|
.aa-rate-text { margin-left: 8px; font-size: 14px; color: var(--au-color-text-secondary); }
|
|
.aa-rate.sm .aa-rate-star { font-size: 14px; }
|
|
.aa-rate.lg .aa-rate-star { font-size: 28px; }
|
|
.aa-rate.sm .aa-rate-text { font-size: 12px; }
|
|
.aa-rate.lg .aa-rate-text { font-size: 16px; }
|