design(prototype): 分流规则深度嵌入真实 ui-kit(桌面+移动屏)+ 登记设计系统

不再用单独页,直接嵌进真实交互原型:
- ui-desktop: Smart routing 开关行→分流规则入口→ data-view=routing 子视图(setView 接线+i18n)
- ui-mobile: 智能分流行→分流规则入口→ data-sub=routing 子屏(subOpen 接线+i18n+返回回设置)
- 复用现有 .pill 语义(直连 is-success/走隧道 is-warning/拒绝 is-danger),不造新原子
- index.html 登记「分流动作」胶囊场景
- 删单独 routing-rules.html;搬入配置说明文档
全走 v2 真原子,设计系统闸绿。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
wangjia
2026-07-27 02:14:36 +08:00
parent f10e887c2a
commit 27b9f0965a
4 changed files with 81 additions and 194 deletions
+6
View File
@@ -621,6 +621,12 @@
<span class="pill is-neutral"><span class="dot"></span>未登录</span>
</div></div>
<div class="pcard"><div class="pcard-h"><h3>分流动作</h3><span class="tk">直连 is-success · 走隧道 is-warning · 拒绝 is-danger</span></div><div class="pcard-b">
<span class="pill is-success">直连</span>
<span class="pill is-warning">走隧道</span>
<span class="pill is-danger">拒绝</span>
</div></div>
<div class="pcard"><div class="pcard-h"><h3>套餐</h3><span class="tk">.pill-accent · .pill.is-neutral</span></div><div class="pcard-b">
<span class="pill pill-accent">PRO 会员</span>
<span class="pill is-neutral">免费版</span>