feat(design): 原型三域回填对齐真实端 + 授权管理提升独立一级屏(三 tab,桌面+移动)
三域回填(原型=真实 100% 一致铁律首轮集中对齐): - 库存域:多选筛选 chip(N 项摘要+×单清)/抽屉打印标签/成本按角色标注/移动三态筛选入口/共享抽屉生产日期行 - 设置授权关于域:授权信息三格横排/购买卡三阶段同构/iOS 合规双态/隐私同意弹窗/注销账号入口/客服邮箱统一/关于页按钮规格 - 日期组件域:扁平滚轮面板(输入框+滚轮同宽居中)/范围起止双窗格并排锚定下拉/移动 sheet 纵排,.wheel-* 提升 atoms 并登记 授权管理提升(design-first,评审通过): - 新增 license.html 独立一级屏(侧边栏「系统」组):授权信息/在线购买续费/订单管理三 tab - m-license.html 同构三 tab;订单管理 tab=license_purchases 流水(KPI/筛选/表格·卡流/详情) - settings 子导航摘除授权项;iOS 合规态隐藏购买 tab;index 登记更新 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -156,6 +156,7 @@
|
||||
<a class="kit" href="screens/pricing.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-ic07"/></svg></div><div class="kt"><b>购买授权</b><span>时长套餐 · 版本档位</span></div></a>
|
||||
<a class="kit" href="screens/checkout.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-ic67"/></svg></div><div class="kt"><b>确认订单</b><span>下单 · 开票 · 无支付占位</span></div></a>
|
||||
<a class="kit" href="screens/pay.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-ic08"/></svg></div><div class="kt"><b>收银台</b><span>订单信息 · 支付宝扫码 · 三态</span></div></a>
|
||||
<a class="kit" href="screens/license.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-shield"/></svg></div><div class="kt"><b>授权管理</b><span>独立一级屏 · 授权 / 购买续费 / 订单三 tab</span></div></a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@@ -180,6 +181,7 @@
|
||||
<a class="kit" href="screens/m-notification.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-bell"/></svg></div><div class="kt"><b>通知详情 · 移动</b><span>正文 / 关联单据 / 操作</span></div></a>
|
||||
<a class="kit" href="screens/m-about.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-ic24"/></svg></div><div class="kt"><b>关于 · 移动</b><span>版本 / 更新日志 / 授权</span></div></a>
|
||||
<a class="kit" href="screens/m-login.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-ic59"/></svg></div><div class="kt"><b>登录 · 移动</b><span>品牌 + 表单</span></div></a>
|
||||
<a class="kit" href="screens/m-license.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-shield"/></svg></div><div class="kt"><b>授权管理 · 移动</b><span>授权/购买/订单三 tab · 购买卡 / 订单卡流</span></div></a>
|
||||
<a class="kit" href="screens/m-register.html"><div class="thumb"><svg viewBox="0 0 24 24"><use href="#i-ic66"/></svg></div><div class="kt"><b>注册新门店 · 移动</b><span>开通向导</span></div></a>
|
||||
</div>
|
||||
</section>
|
||||
@@ -359,14 +361,35 @@
|
||||
<div class="cp-foot">共 <b>5</b> 条结果</div>
|
||||
</div>
|
||||
</div></div>
|
||||
<div class="pcard"><div class="pcard-h"><h3>日期字段(滚轮选择)</h3><span class="tk">.datefield + .wheel-pop(年月日 · 单据/生产共用)· datewheel.js</span></div><div class="pcard-b" style="align-items:flex-start">
|
||||
<div class="pcard"><div class="pcard-h"><h3>日期字段(扁平滚轮面板)</h3><span class="tk">.datefield 触发器 + .wheel-pop 面板(窗格 .wheel-pane = .wheel-input 可输入框 + .wheel-box 三列滚轮,同宽 248 居中;范围 .wheel-range 双窗格并排 + .wheel-preview 共用底栏;移动 sheet 纵排挂 .wheel-sheet)· datewheel.js</span></div><div class="pcard-b" style="align-items:flex-start">
|
||||
<div class="datefield" style="max-width:200px" data-val="2026-06-22"><span class="dval">2026-06-22</span><svg viewBox="0 0 24 24"><use href="#i-ic48"/></svg></div>
|
||||
<div class="datefield" style="max-width:200px"><span class="dval ph">选择日期</span><svg viewBox="0 0 24 24"><use href="#i-ic48"/></svg></div>
|
||||
<div class="wheel-pop show" style="position:static; box-shadow:none; width:248px"><div class="wheel-cols"><div class="wheel-center"></div>
|
||||
<div class="wheel-col" style="overflow:hidden"><div class="wheel-item">2024</div><div class="wheel-item">2025</div><div class="wheel-item on">2026</div><div class="wheel-item">2027</div><div class="wheel-item">2028</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden"><div class="wheel-item">04</div><div class="wheel-item">05</div><div class="wheel-item on">06</div><div class="wheel-item">07</div><div class="wheel-item">08</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden"><div class="wheel-item">20</div><div class="wheel-item">21</div><div class="wheel-item on">22</div><div class="wheel-item">23</div><div class="wheel-item">24</div></div>
|
||||
<div class="wheel-pop show" style="position:static"><div class="wheel-pane">
|
||||
<input class="wheel-input" value="2026-06-22" readonly>
|
||||
<div class="wheel-box"><div class="wheel-cols"><div class="wheel-center"></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">2024</div><div class="wheel-item">2025</div><div class="wheel-item on">2026</div><div class="wheel-item">2027</div><div class="wheel-item">2028</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">04</div><div class="wheel-item">05</div><div class="wheel-item on">06</div><div class="wheel-item">07</div><div class="wheel-item">08</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">20</div><div class="wheel-item">21</div><div class="wheel-item on">22</div><div class="wheel-item">23</div><div class="wheel-item">24</div></div>
|
||||
</div></div>
|
||||
</div><div class="wheel-foot"><span class="wheel-today">今天</span><span class="wheel-ok">确定</span></div></div>
|
||||
<div class="wheel-pop show" style="position:static"><div class="wheel-range">
|
||||
<div class="wheel-pane"><div class="wheel-pane-title">起始日期</div>
|
||||
<input class="wheel-input" value="2026-06-01" readonly>
|
||||
<div class="wheel-box"><div class="wheel-cols"><div class="wheel-center"></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">2024</div><div class="wheel-item">2025</div><div class="wheel-item on">2026</div><div class="wheel-item">2027</div><div class="wheel-item">2028</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">04</div><div class="wheel-item">05</div><div class="wheel-item on">06</div><div class="wheel-item">07</div><div class="wheel-item">08</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">30</div><div class="wheel-item">31</div><div class="wheel-item on">01</div><div class="wheel-item">02</div><div class="wheel-item">03</div></div>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="wheel-pane"><div class="wheel-pane-title">结束日期</div>
|
||||
<input class="wheel-input" value="2026-06-22" readonly>
|
||||
<div class="wheel-box"><div class="wheel-cols"><div class="wheel-center"></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">2024</div><div class="wheel-item">2025</div><div class="wheel-item on">2026</div><div class="wheel-item">2027</div><div class="wheel-item">2028</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">04</div><div class="wheel-item">05</div><div class="wheel-item on">06</div><div class="wheel-item">07</div><div class="wheel-item">08</div></div>
|
||||
<div class="wheel-col" style="overflow:hidden; padding:0"><div class="wheel-item">20</div><div class="wheel-item">21</div><div class="wheel-item on">22</div><div class="wheel-item">23</div><div class="wheel-item">24</div></div>
|
||||
</div></div>
|
||||
</div>
|
||||
</div><div class="wheel-foot"><span class="wheel-preview">2026-06-01 ~ 2026-06-22</span><span class="wheel-ok">确定</span></div></div>
|
||||
</div></div>
|
||||
<div class="pcard"><div class="pcard-h"><h3>筛选 Chip</h3><span class="tk">.chip · 内嵌列头筛选入口</span></div><div class="pcard-b">
|
||||
<div class="chip">全部品类</div>
|
||||
|
||||
Reference in New Issue
Block a user