zkxw/docs/mockups/ui-richness-L1-console-plain.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>