From: wang.yu Date: Mon, 17 Aug 2026 08:59:48 +0000 (+0800) Subject: docs: 设计文档新增左侧章节目录（TOC）导航 X-Git-Url: http://acesimba.cloud/gitweb/?a=commitdiff_plain;h=372e3bd1e59bb231f97baf970736b5ae9210443a;p=StationBuilder.git docs: 设计文档新增左侧章节目录（TOC）导航 - 页面左侧固定目录栏，自动由 h2/h3 生成，点击跳转、滚动高亮当前章节 - 窄屏（<=760px）隐藏目录；打印时同时隐藏目录与顶栏工具 - 第 1 章补充目录说明 --- diff --git a/public/design-doc.html b/public/design-doc.html index 753604e..70e1438 100644 --- a/public/design-doc.html +++ b/public/design-doc.html @@ -45,7 +45,18 @@ .flow{ background:#fafbfc; border:1px solid var(--line); border-radius:4px; padding:12px 14px; } .flow ol{ counter-reset:step; } .kbd{ border:1px solid #ccc; border-bottom-width:2px; border-radius:3px; padding:0 5px; font-size:12px; background:#fafafa; } - @media print{ .doc-toolbar{ display:none; } main#doc{ max-width:none; padding:0; } } + .doc-layout{ display:flex; align-items:flex-start; max-width:1180px; margin:0 auto; } + .doc-nav{ position:sticky; top:56px; flex:0 0 230px; align-self:flex-start; max-height:calc(100vh - 56px); + overflow:auto; padding:18px 10px 40px 6px; border-right:1px solid var(--line); } + .doc-nav .doc-nav-inner{ display:flex; flex-direction:column; } + .doc-nav a{ display:block; font-size:13px; color:#444; text-decoration:none; padding:4px 9px; border-radius:3px; line-height:1.5; } + .doc-nav a:hover{ background:#f2f7fa; color:var(--blue); } + .doc-nav a.sub{ padding-left:22px; font-size:12.5px; color:#667; } + .doc-nav a.active{ background:#eef7fb; color:var(--blue); font-weight:bold; } + main#doc{ max-width:none; flex:1 1 auto; margin:0; padding:24px 22px 80px; } + h2,h3,h4{ scroll-margin-top:64px; } + @media (max-width:760px){ .doc-nav{ display:none; } } + @media print{ .doc-toolbar, .doc-nav{ display:none; } main#doc{ max-width:none; padding:0; } } @@ -58,6 +69,9 @@ +
+ +

文档版本：v0.3　最后更新：2026-08-17　状态：开发中（演示数据已标注）

StationBuilder 产品与交互设计方案

@@ -68,6 +82,7 @@
  • 约定：标注 尚未实现 的项表示已在界面或方案中设计、但当前版本尚未打通能力（多为演示 / 占位）。
  • 维护：本文件为单一 HTML 源（public/design-doc.html），后续功能改动需同步更新对应章节，未实现项持续标注，直到能力落地后移除标记。
  • 导出：顶部按钮分别导出 PDF（调用浏览器打印）、Word（.doc 兼容格式）、Markdown（由本页内容实时转换）。
    • +
  • 目录：页面左侧为章节目录（自动生成），点击可跳转至对应章节；滚动阅读时自动高亮当前所在章节。

    • 2. 产品概述

    @@ -337,8 +352,44 @@
  • 下载 Markdown：由本页 DOM 实时转换为 Markdown 文本导出。
    • +