pangolin/design/ui_kits/usercenter

穿山甲 — Web 用户中心 UI Kit

phase-1 网页闭环(登录 → 取订阅 → 三方导入 → 兑换)的高保真原型;phase-3 自研后端时作为前端蓝本。中英单语言切换。

页面

• 登录(UCLogin):邮箱 + 密码卡片;注册引导去 App(对齐"注册在 App 内完成"的流程)。从顶栏「退出」可回看。
• 概览(UCOverview):套餐横幅(续费/升级)、今日时长/流量/设备指标卡、近 7 日用量图、快速操作。
• 订阅(UCSub)——核心页:订阅链接(复制/重置,重置提示旧链接失效)、扫码导入占位、一键导入三方客户端(穿山甲 App / Shadowrocket / Clash Verge / v2rayN / sing-box),注明一条链接多格式兼容。
• 兑换 & 购买(UCRedeem):激活码兑换 + 渠道卡(自助发卡 / USDT TRC20 / Telegram / LINE / 邮箱)。
• 邀请返利(UCInvite):邀请链接复制、已邀请/已付费/累计返利指标、邀请记录表。

文件

文件	内容
index.html	挂载 UserCenterApp(默认进概览;顶栏可登出回登录页)
ucparts.jsx	UCIcon(内联 Lucide)/ UCMark(穿山甲标)/ UCSTRINGS i18n
ucapp.jsx	全部视图 + 顶栏导航壳

备注

• 套餐口径引用根 CLAUDE.md §7;渠道为演示占位。
• 二维码为占位框(落地由后端按订阅链接生成)。
• 设备管理/账户信息已集成在移动与桌面客户端,本站不重复(职责:订阅分发 + 兑换 + 裂变)。