46 lines
2.0 KiB
HTML
46 lines
2.0 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>L1 · 精简工作台（现状）</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="ui-richness-shared.css" />
|
|
</head>
|
|
<body>
|
|
<div class="demo-banner">
|
|
<div>
|
|
<span class="level-tag level-L1">L1 现状</span>
|
|
<strong>精简工作台</strong> — 对应当前 <code>console-lite</code>，用户反馈「很素」的典型来源之一
|
|
</div>
|
|
<a href="ui-richness-index.html">← 返回对比入口</a>
|
|
</div>
|
|
|
|
<div class="page-wrap">
|
|
<section class="panel">
|
|
<div class="panel-top">
|
|
<h2>快速入口</h2>
|
|
</div>
|
|
<div style="padding:20px 24px 24px">
|
|
<p style="margin:0 0 16px;font-size:13px;color:var(--text-muted);line-height:1.5">
|
|
详见仓库根目录 <code>.cursorrules</code> 中「页面级 UI 模板（固定五页）」。
|
|
</p>
|
|
<div style="display:flex;flex-wrap:wrap;gap:12px">
|
|
<button class="btn btn-main" type="button">商品单位</button>
|
|
<button class="btn btn-main" type="button">用户管理</button>
|
|
<button class="btn btn-main" type="button">商品分类</button>
|
|
<button class="btn btn-main" type="button">租户管理</button>
|
|
<button class="btn btn-main" type="button">客户管理</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<p class="dim-note">
|
|
<strong>此档缺失：</strong>页头 h1 + 说明、指标卡、预警条、图表、带图标的快捷宫格、待办/动态列表。
|
|
一屏只有标题 + 灰色说明 + 五个绿色文字按钮，缺少「在管业务」的仪表盘感。
|
|
<br><strong>对比建议：</strong>与 <a href="ui-richness-L3-console-rich.html" style="color:var(--primary-dark)">L3 业务工作台</a> 并排打开。
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|