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 未做部分）
113 lines
5.7 KiB
HTML
113 lines
5.7 KiB
HTML
<!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 Mobile</title>
|
||
<link rel="stylesheet" href="../../.design_library/kole-ui-mobile/colors_and_type.css">
|
||
<style>
|
||
body { margin: 0; font-family: var(--kole-font-family); color: var(--kole-color-text-body); background: var(--kole-color-page-bg); }
|
||
.shell { max-width: 1280px; margin: 0 auto; padding: 24px; }
|
||
.shell h1 { margin: 0 0 4px; font-size: 24px; color: var(--kole-color-text-title); }
|
||
.shell h1 a { font-size: 13px; margin-left: 8px; color: var(--kole-color-brand); }
|
||
.shell .desc { margin: 0 0 20px; color: var(--kole-color-text-secondary); font-size: 14px; }
|
||
.summary { display: flex; gap: 12px; margin-bottom: 24px; flex-wrap: wrap; }
|
||
.pill { height: 28px; padding: 0 12px; border-radius: var(--kole-radius-base); background: var(--kole-color-card-bg); border: 1px solid var(--kole-color-border); display: inline-flex; align-items: center; font-family: var(--kole-font-family-num); font-size: 13px; color: var(--kole-color-text-body); text-decoration: none; }
|
||
.pill strong { margin-right: 4px; color: var(--kole-color-brand); }
|
||
.pill.link:hover { border-color: var(--kole-color-brand); color: var(--kole-color-brand); }
|
||
.cat { margin: 24px 0 12px; }
|
||
.cat h2 { margin: 0 0 10px; font-size: 16px; color: var(--kole-color-text-title); }
|
||
.cat h2 .en { font-family: var(--kole-font-family-num); font-size: 12px; color: var(--kole-color-text-secondary); margin-left: 8px; }
|
||
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
|
||
.card { background: var(--kole-color-card-bg); border: 1px solid var(--kole-color-border); border-radius: var(--kole-radius-medium); padding: 12px; transition: border-color .15s, box-shadow .15s; text-decoration: none; display: block; }
|
||
.card:hover { border-color: var(--kole-color-brand); box-shadow: var(--kole-shadow-low); }
|
||
.card .zh { font-size: 14px; color: var(--kole-color-text-title); }
|
||
.card .en { font-family: var(--kole-font-family-num); font-size: 11px; color: var(--kole-color-text-secondary); }
|
||
.card .badge { float: right; font-family: var(--kole-font-family-num); font-size: 10px; padding: 1px 6px; border-radius: 8px; background: var(--kole-color-table-header-bg); color: var(--kole-color-text-secondary); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="shell">
|
||
<h1>移动端测试总览 <a href="../../site/m/index.html">← 移动端文档</a><a href="../index.html">PC 测试总览</a></h1>
|
||
<p class="desc">每个移动端组件一份独立测试页：iframe 以 375×640 设备帧加载真实 H5 演示页，断言在帧内真实渲染结果上运行（引擎与 PC 侧共用，触控行为动词为移动端专属）。</p>
|
||
<div class="summary">
|
||
<span class="pill"><strong>47</strong> 个移动端组件测试</span>
|
||
<span class="pill" id="report-rate">最近回归：—</span>
|
||
<a class="pill link" href="_collect.html">▶ 移动端批量回归收集器</a>
|
||
</div>
|
||
<div id="cats"><p class="desc">正在读取 site/m/data.mobile.json…</p></div>
|
||
</div>
|
||
|
||
<script src="../../site/logger.js"></script>
|
||
<script>
|
||
(function () {
|
||
'use strict';
|
||
var CAT = [
|
||
['basic', '基础', 'basic'],
|
||
['navigation', '导航', 'navigation'],
|
||
['gesture', '手势', 'gesture'],
|
||
['feedback', '反馈', 'feedback'],
|
||
['display', '展示', 'display']
|
||
];
|
||
|
||
function card(c) {
|
||
var a = document.createElement('a');
|
||
a.className = 'card';
|
||
a.setAttribute('data-slug', c.slug);
|
||
a.href = c.slug + '.html';
|
||
var en = document.createElement('div'); en.className = 'en'; en.textContent = c.frameworksPrefix;
|
||
var zh = document.createElement('div'); zh.className = 'zh'; zh.textContent = c.name.split(' ')[0];
|
||
if (c.contract) {
|
||
var b = document.createElement('span'); b.className = 'badge'; b.textContent = '契约';
|
||
zh.appendChild(b);
|
||
}
|
||
a.appendChild(zh); a.appendChild(en);
|
||
return a;
|
||
}
|
||
|
||
function render(components) {
|
||
var host = document.getElementById('cats');
|
||
host.innerHTML = '';
|
||
CAT.forEach(function (row) {
|
||
var slugCat = row[0], zh = row[1], en = row[2];
|
||
var items = components.filter(function (c) { return (c.category || 'display') === slugCat; });
|
||
if (!items.length) return;
|
||
var wrap = document.createElement('div'); wrap.className = 'cat';
|
||
var h = document.createElement('h2');
|
||
h.textContent = zh;
|
||
var s = document.createElement('span'); s.className = 'en'; s.textContent = en;
|
||
h.appendChild(s);
|
||
var grid = document.createElement('div'); grid.className = 'grid';
|
||
items.forEach(function (c) { grid.appendChild(card(c)); });
|
||
wrap.appendChild(h); wrap.appendChild(grid);
|
||
host.appendChild(wrap);
|
||
});
|
||
}
|
||
|
||
fetch('../../site/m/data.mobile.json', { cache: 'no-store' })
|
||
.then(function (r) { return r.json(); })
|
||
.then(function (d) { render(d.components || []); })
|
||
.catch(function () {
|
||
document.getElementById('cats').innerHTML = '<p class="desc">读取 site/m/data.mobile.json 失败：请先跑 node tools/build-mobile.mjs，并通过 dev-server 访问本页。</p>';
|
||
});
|
||
|
||
fetch('../mobile-report.json', { cache: 'no-store' })
|
||
.then(function (r) { return r.json(); })
|
||
.then(function (rep) {
|
||
var el = document.getElementById('report-rate');
|
||
if (el) el.textContent = '最近回归：' + rep.passRate + '%（' + rep.generated + '）';
|
||
})
|
||
.catch(function () {});
|
||
|
||
if (window.koleLogger) {
|
||
var s = window.koleLogger.summary();
|
||
var p = document.createElement('span');
|
||
p.className = 'pill';
|
||
p.textContent = '本机记录：通过 ' + s.testPass + ' / 失败 ' + s.testFail;
|
||
document.querySelector('.summary').appendChild(p);
|
||
}
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|