wangjia
a642bf16a2
design/ 同步自最新设计导出，新增 ui_kits/tablet/ 平板分栏布局；todo/ 录入 18 个并行实施任务。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
23 lines
1.5 KiB
Markdown
23 lines
1.5 KiB
Markdown
# 穿山甲 — 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;渠道为演示占位。
|
|
- 二维码为占位框(落地由后端按订阅链接生成)。
|
|
- 设备管理/账户信息已集成在移动与桌面客户端,本站不重复(职责:订阅分发 + 兑换 + 裂变)。
|