zhifu-platform/docs/design/wireframes/index.html

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>智服中台 · 产品线稿</title>
  <link rel="stylesheet" href="wireframes.css">
  <script defer src="shared.js"></script>
  <script defer src="customer.js"></script>
  <script defer src="workspace.js"></script>
  <script defer src="management.js"></script>
  <script defer src="product-layout.js"></script>
  <script defer src="admin-login.js"></script>
  <script defer src="notifications.js"></script>
  <script defer src="app.js"></script>
</head>
<body>
  <header class="review-header">
    <div><strong>智服 · 交互线稿</strong><span>示例内容 · 未连接业务服务</span><button type="button" id="review-toggle" data-action="review-toggle">评审工具</button></div>
    <nav aria-label="评审入口" id="role-nav"></nav>
  </header>
  <div class="review-layout">
    <aside class="review-sidebar" hidden>
      <section id="merchant-role-controls"><h2>商家员工角色</h2><div id="merchant-role-nav"></div><p class="muted">演示不同登录员工的权限；正式产品由账户授权决定。</p></section>
      <h2>页面目录</h2><nav aria-label="页面目录" id="page-nav"></nav>
      <details open><summary>情景演示</summary><div id="scenario-nav"></div></details>
      <button type="button" data-action="reset">重置全部演示</button>
      <p class="muted">顶部切换产品入口。员工角色与情景切换只用于评审。</p>
    </aside>
    <main id="main" tabindex="-1">
      <div class="page-heading"><div><p id="page-code"></p><h1 id="page-title"></h1></div><span id="screen-scope"></span></div>
      <div id="notice" role="status" aria-live="polite"></div>
      <section id="product" aria-label="产品页面"></section>
      <details class="annotation"><summary>本页交互说明</summary><div id="notes"></div></details>
    </main>
  </div>
  <dialog id="confirm-dialog" aria-labelledby="dialog-title">
    <form method="dialog"><h2 id="dialog-title"></h2><p id="dialog-body"></p><div class="actions"><button value="cancel">返回检查</button><button id="dialog-confirm" value="confirm" class="primary">确认操作</button></div></form>
  </dialog>
  <noscript>请启用 JavaScript 以浏览交互线稿。</noscript>
</body>
</html>