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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user