aurora-admin
f1fbfc2ddb
Regression / regression (push) Canceled after 0s
## 品牌标识（本次会话） 起因：品牌此前没有任何图形标识 —— 唯一 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 未做部分）
81 lines
3.9 KiB
HTML
81 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
__THEME_BOOT__
|
||
__BRAND_HEAD__
|
||
<title>Kole UI Mobile — 移动端组件库</title>
|
||
<meta name="description" content="Kole UI 移动端组件：与 PC 端完全隔离（目录、类名 kole-m-、令牌 --kole-m-、测试、回归报告），仅颜色/字体/圆角/阴影令牌同源。含 CSS / H5 原生 / React / Vue 2 / Vue 3 / uni-app 六端实现。">
|
||
<link rel="stylesheet" href="../../.design_library/kole-ui-mobile/colors_and_type.css">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
__HEADER__
|
||
|
||
<div class="m-body">
|
||
__SIDEBAR__
|
||
<main class="m-main">
|
||
<section class="m-hero">
|
||
<h1>移动端组件（__COUNT__ 个）</h1>
|
||
<p>触摸优先的移动端组件，与 PC 端（__PC_N__ 个中后台组件）<strong>物理隔离</strong>：独立目录、独立类名前缀 <code>kole-m-</code>、独立令牌前缀 <code>--kole-m-</code>、独立测试页与回归报告。仅颜色 / 字体 / 圆角 / 阴影令牌与 PC 同源，改一处令牌两端同步生效。</p>
|
||
</section>
|
||
|
||
<section class="m-block">
|
||
<h2>三步接入</h2>
|
||
<ol class="m-steps">
|
||
<li>引一次令牌：<code>kole-ui/mobile/tokens.css</code>（PC 令牌 + 移动端令牌合成单文件）</li>
|
||
<li>引组件样式：<code>kole-ui/mobile/components/index.css</code>，或按需引单个组件</li>
|
||
<li>按端取实现：同一组件六端同源（<code>kole-ui/mobile/<端>/<组件></code>），取你技术栈那一份</li>
|
||
</ol>
|
||
<div class="m-ends" style="margin-top: var(--kole-space-12);">
|
||
<a href="./guide.html">快速开始（含 6 端示例）</a>
|
||
<a href="./design.html">设计规范</a>
|
||
<a href="./platform.html">平台与端（两轴模型 + 门禁）</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="m-block">
|
||
<h2>覆盖矩阵</h2>
|
||
<table class="m-table">
|
||
<thead><tr><th>平台 ↓ ／ 端 →</th><th>css</th><th>h5 原生</th><th>react</th><th>vue2</th><th>vue3</th><th>uniapp</th></tr></thead>
|
||
<tbody>
|
||
__AXIS_ROWS__
|
||
</tbody>
|
||
</table>
|
||
<p class="m-note">移动端 <b>__COUNT__ 个组件 × 6 端 = __MOBILE_IMPL__ 个实现文件</b>；PC 端 __PC_N__ 个中后台组件 × 5 端，另有 PC × uni-app 试点列（见 ROADMAP S7-P26）。</p>
|
||
</section>
|
||
|
||
<section class="m-block">
|
||
<h2>隔离边界</h2>
|
||
<table class="m-table">
|
||
<thead><tr><th>维度</th><th>PC 端</th><th>移动端</th><th>共享</th></tr></thead>
|
||
<tbody>
|
||
__MAPPING_ROWS__
|
||
</tbody>
|
||
</table>
|
||
<p class="m-note">规则全文与门禁命令见 <a href="./platform.html">平台与端</a>；权威文档为仓库根 <code>PLATFORMS.md</code>。</p>
|
||
</section>
|
||
|
||
<section class="m-block">
|
||
<h2>组件清单（__COUNT__）</h2>
|
||
<div class="m-grid">
|
||
__CARDS__
|
||
</div>
|
||
</section>
|
||
|
||
<section class="m-block">
|
||
<h2>规格来源说明</h2>
|
||
<p class="m-sub">PC 端实现来自外部交付的 <code>组件1~10.txt</code>；移动端<strong>没有外部规格原文</strong>，规格由本仓库撰写（<code>.design_library/kole-ui-mobile/spec/移动端规格.md</code>），契约 JSON 的 <code>sourceKind</code> 为 <code>authored-spec</code>、<code>provenance</code> 为 <code>authored-in-repo</code> —— 不冒认外部来源。契约中的 <code>unknowns</code> 记录规格未定项的当前状态，<code>doNotInvent</code> 列出明确不许发明的部分。</p>
|
||
</section>
|
||
|
||
<footer class="m-foot">
|
||
<p>生成物：本页由 <code>node tools/build-mobile.mjs</code> 从 <code>.design_library/kole-ui-mobile/components/index.json</code> 生成，请勿手改。</p>
|
||
<p>回归：<a href="../../tests/mobile/index.html">移动端测试总览</a> · <a href="../../tests/mobile/_collect.html">批量收集器</a> · PC 侧回归 <a href="../../tests/index.html">测试总览</a></p>
|
||
</footer>
|
||
</main>
|
||
</div>
|
||
__COPY_SCRIPT__
|
||
</body>
|
||
</html>
|