idealjs/stack
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: 脱靶提醒改图形标记——竖抖即入口、无容器，读者追随图形进入阅读

Browse Source
This commit is contained in:
cqh963852 committed 2026-10-05 01:31:52 +08:00
1 parent 4a5c8a5c40
commit f8f6bc731f
6 files changed
+22 -19
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

design-refs/mockup/design-system/04-examples.html
+6 -6
View File
@@ -154,12 +154,12 @@
<div style="font-size:9.5px; color:#3d3d3d; line-height:1.5; margin-top:4px;">位置 / 预期 / 场景</div>
</div>
<div style="position:absolute; left:40px; top:420px; width:300px;">
<div style="display:flex; align-items:center; gap:8px;">
<svg width="22" height="22"><path d="M 11 20 L 8 17 L 14 14 L 8 11 L 14 8 L 11 4" fill="none" stroke="#ff6b6b" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"/></svg>
<b style="font-size:12px;">脱靶提醒</b>
<div style="position:absolute; left:380px; top:352px; display:flex; gap:9px; align-items:flex-start;">
<svg width="20" height="30" style="flex:none;"><path d="M 10 28 L 7 24 L 13 20 L 7 16 L 13 12 L 10 8 L 12 2" fill="none" stroke="#ff6b6b" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"/></svg>
<div>
<b style="font-size:11px;">脱靶 · 装了但没跑</b>
<div style="font-size:10px; color:#3d3d3d; line-height:1.5; margin-top:2px;">命令成功、页面空白——缺「真机验收」这块积木。</div>
</div>
<div style="font-size:11px; color:#3d3d3d; line-height:1.6; margin-top:6px;">常见脱靶：装了但没跑。脱靶的样子——命令成功、页面空白；此时缺的是"真机验收"这块积木。</div>
</div>
<div style="position:absolute; left:380px; top:430px; display:flex; align-items:center; gap:8px;">
@@ -179,7 +179,7 @@
<div class="note" style="margin-bottom:6px;"><span class="idx">1</span><span class="txt"><b>主线</b>：快速开始 →（直角步进）→ React →（直线）→ 全栈基础；四枚站点半嵌卡边。</span></div>
<div class="note" style="margin-bottom:6px;"><span class="idx">2</span><span class="txt"><b>虚线</b>：React 底边 → 指派学习块顶边（相关：块属于该章扩展）。</span></div>
<div class="note" style="margin-bottom:6px;"><span class="idx">3</span><span class="txt"><b>点线</b>：React 顶边 → 全栈基础顶边（同族：工程基础一族）。</span></div>
<div class="note" style="margin-bottom:0;"><span class="idx">4</span><span class="txt"><b>指派学习块</b>：React 的相关扩展（虚线相连）；脱靶注跟在其叙事之后。</span></div>
<div class="note" style="margin-bottom:0;"><span class="idx">4</span><span class="txt"><b>指派学习块</b>：React 的相关扩展（虚线相连）；脱靶标记（图形）紧随其下——先见图形，再读文字。</span></div>
</div>
<div style="position:absolute; top: 420px; left: 948px; width: 292px;" class="panel">
<h3>对照检查</h3>