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

design: symbols 册去掉站点/胶囊（归 RouteLine 组件册），票券页扩裁切式实现规则

Browse Source
This commit is contained in:
cqh963852 committed 2026-10-05 17:35:17 +08:00
1 parent 68f4522ac4
commit f3f9b94208
4 files changed
+25 -43
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

design-refs/mockup/design-system/03-components.html
+2
View File
@@ -290,6 +290,8 @@
</tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:5px 8px 5px 0; font-weight:700; color:#1a1a1a; width:150px;">路径数据驱动</td><td style="padding:5px 8px 5px 0;">由 courses.ts 的关系数据自动生成（先后/相关/同族三类边）。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:5px 8px 5px 0; font-weight:700; color:#1a1a1a;">自动布线</td><td style="padding:5px 8px 5px 0;">卡位网格化；直角步进由起终点 lanes 差决定；R8 圆角固定。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:5px 8px 5px 0; font-weight:700; color:#1a1a1a;">站点规格</td><td style="padding:5px 8px 5px 0;">r6 · 描边 2px · 四色轮换；左贴描边、右骑硬投影外缘（描边会被影带吞没）。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:5px 8px 5px 0; font-weight:700; color:#1a1a1a;">胶囊规格</td><td style="padding:5px 8px 5px 0;">6×20 端头半圆；沿线束方向；端头距最外侧线 ≥ 2× 线宽；线止于胶囊边界。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:5px 8px 5px 0; font-weight:700; color:#1a1a1a;">站点渲染层</td><td style="padding:5px 8px 5px 0;">SVG 双层：线在下、站点在上（卡片 DOM 之后），保证半嵌可见。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:5px 8px 5px 0; font-weight:700; color:#1a1a1a;">胶囊触发</td><td style="padding:5px 8px 5px 0;">同一卡口入线 ≥ 2 自动聚合为胶囊，线止于胶囊边界。</td></tr>
</table>