Files
aurora-admin/frameworks/ResultVariants.html
T
aurora-admin f1fbfc2ddb
Regression / regression (push) Canceled after 0s
feat(品牌标识): 几何 K 图标(favicon/顶栏标记/theme-color) + 并行会话成果入库
## 品牌标识(本次会话)

起因:品牌此前没有任何图形标识 —— 唯一 favicon 是内联 data-URI 里的字母「A」,
那是 v2.0.0「Aurora Admin → Kole UI」改名漏掉的一处(PC 顶栏也是「A」,
移动端站已是「K」;移动端文档站则完全没有 favicon)。

- 几何:24 网格三个互不接触的笔画(竖 + 两斜),圆头描边;
  描边 2.25 → 16px 标签页尺寸下正好 1.5px = 规范原文「描边1.5px」
- 取色分两套(刻意):favicon 硬编码品牌蓝/白(渲染在浏览器标签栏,不继承 kole-dark);
  顶栏标记走 currentColor(实测暗色下自动转 rgb(20,22,28))
- 新增 theme-color 双条(light #FFFFFF / dark #1C1F26,取 --kole-color-card-bg)
- 修 site/app.js hero 标语 KOLE ADMIN → KOLE UI(改名变形残留)
- 移动端 7 个模板补 favicon(此前计数 0)

验收:门禁 9 条全 OK(site-routing/site-routes/mobile-docs/mobile-site/isolation/
theme/nav/i18n/icons);PC 回归 1464/1464 · 移动端 807/807,各连跑 8 次一致;
两端 favicon 405 字节逐字节一致;PC 站控制台错误 1→0。

## 并行会话成果(本次一并入库)

- 图标系统:2576 图标(TDesign/Element Plus,MIT)+ 11 端注入 + 5 个构建门禁工具
  + IconPreview 预览页 + ICON-SPEC.md 冻结规格
- 移动端平台:47 组件 × 6 端 + 文档站 53 页 + 隔离门禁
- PC 组件:103 个大后台组件 / 组件11 批次
- uni-app:PC 端试点 + 移动端端实现 + 真实编译验证

## 工程

- .gitignore 补 .scratch/ 与 .zcode-preexisting-*.txt(会话中间产物,实测 9.1MB,不入库)
- CHANGELOG 补品牌标识条目
- ROADMAP 登 S8-P4(品牌标识任务包 + og:image/apple-touch-icon 未做部分)
2026-09-21 10:05:48 +08:00

37 lines
2.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kole UI · ResultVariants(普通 H5)</title>
<link rel="stylesheet" href="../.design_library/kole-ui/colors_and_type.css" />
<link rel="stylesheet" href="ResultVariants.css" />
<style>body{margin:0;padding:24px;background: var(--kole-color-page-bg);display:flex;gap:16px;flex-wrap:wrap;}
.kole-card{background: var(--kole-color-card-bg);border: 1px solid var(--kole-color-border);border-radius:8px;width:360px;}</style>
</head>
<body>
<div class="kole-card"><div class="kole-result is-success" role="status" data-i="0"></div></div>
<div class="kole-card"><div class="kole-result is-error" role="status" data-i="1"></div></div>
<div class="kole-card"><div class="kole-result is-warning" role="status" data-i="2"></div></div>
<div class="kole-card"><div class="kole-result is-info" role="status" data-i="3"></div></div>
<script>
var DATA = [
{ icon: '✓', title: '提交成功', desc: '您的申请已提交,我们将在 1 个工作日内处理。' },
{ icon: '✕', title: '提交失败', desc: '表单校验未通过,请检查后重新提交。' },
{ icon: '!', title: '请注意', desc: '部分商品库存不足,已自动移除。' },
{ icon: 'i', title: '已保存草稿', desc: '内容已存为草稿,可稍后继续编辑。' }
];
document.querySelectorAll('.kole-result').forEach(function (el, i) {
var d = DATA[i];
el.innerHTML = '<div class="kole-result-icon">' + d.icon + '</div>' +
'<div class="kole-result-title">' + d.title + '</div>' +
'<div class="kole-result-desc">' + d.desc + '</div>' +
'<div class="kole-result-actions" role="status"><button class="kole-result-btn primary" role="status">查看详情</button>' +
'<button class="kole-result-btn" role="status">返回列表</button></div>' +
'<div class="kole-result-extra">补充说明:结果页可承载额外操作区与帮助链接。</div>';
});
</script>
</body>
</html>