账户 / 设置 / 联系信息架构重构

设计文档 · 2026-07-12 · Spec ① / 3(② 推广激励 · ③ 系统通知另立）· 状态待评审

问题:账户相关内容散在 App 的 Account / Settings / Contact / Redeem 四处 + Web 用户中心,大量重复(联系渠道 3 处、语言/主题 2 处、购买入口 3 处、Web 全套账户功能与 App 重叠)。用户找不到订单、点了没反应,根子是入口混乱。
决策(已定):App 自足、Web 退居次要 —— 所有账户功能在 App 原生做完,每个功能只有一个家;Web 仅在 Settings 底部留一个低调入口。推广奖励双方都得,兑换码保留,Web 链接保留。

1 · 原则

一功能一个家 —— 任何条目只在一处出现,消灭重复。
页面内容跨端共用一套,只有导航壳不同 —— 桌面走侧栏,移动把「设置/联系」收进 Account 下钻。
Account 是账户中心,提为一级导航(不再藏在左上品牌按钮里 —— 之前找不到订单即因此)。
为后两个功能预留落点:顶栏「通知」铃铛、账户页「邀请好友」入口。

2 · 去重台账

重复项	现在(乱)	收敛到(唯一家)
联系渠道(TG/邮箱/官网)	ContactPage + ContactScreen + Redeem「去哪买」×3	Contact 页;Redeem 删「去哪买」
语言 / 主题	Account 卡 + Settings ×2	Settings·外观;Account 删
购买入口	Account + Settings + Redeem 散 3 处	Account·购买&订单块 + 会员横幅按钮;Settings 删
Web 用户中心	Overview/订阅/设备/设置/兑换/邀请全套,和 App 重叠	弱化:Settings·关于底部一个低调「网页版」链接
协议 / 版本	Account 卡 + Settings	Settings·关于

3 · 目标结构

桌面版(侧栏)

侧栏 6 项 ├ Connect ├ Servers ├ Stats ├ Account ← 提为一级 ├ Settings └ Contact 顶栏 ······· 🔔 通知 (红点) Account(账户中心) ├ 会员横幅 Renew/Upgrade→购买页 ├ 购买 & 订单 & 兑换 │ ├ 购买套餐 → PurchaseScreen │ ├ 我的订单 → OrdersScreen │ └ 兑换码 → RedeemScreen(仅码) ├ 邀请好友 → InviteScreen(得会员) ├ 账户信息邮箱 / 密码 └ 我的设备 → DevicesScreen Settings(应用设置) ├ 连接自启/自动连/智能分流/KillSwitch ├ 外观语言 / 主题 └ 关于协议 / 版本 / 检查更新 · 低调「网页版用户中心」 Contact └ Telegram / 邮箱 / 官网 + 服务时间

移动版(底 Tab)

底 Tab 4 项 ├ Connect ├ Servers ├ Stats └ Account 顶栏 ······· 🔔 通知 (红点) Account tab ├ 会员横幅 Renew/Upgrade→购买 ├ 购买 & 订单 & 兑换 ├ 邀请好友 ├ 账户信息 ├ 我的设备 ├ 设置 → 全屏下钻 └ 联系我们 → 全屏下钻设置 / 联系 / 购买 / 订单 / 设备 / 邀请均从 Account 全屏 push;语言/主题在「设置」子页内。

规则:移动端无侧栏,故 Account 内多「设置/联系」两个入口;桌面端不显(侧栏已有)。判据 context.formFactor。

4 · 新功能预留位（细节见 ②③）

🔔 通知(Spec ③)

顶栏铃铛 + 未读红点 → 通知收件箱(列表,已读态)。重要通知走顶部横幅(复用现有更新横幅)。后端已有 GET /v1/notices 底子;类型新闻/功能/重要。参考 jiu。

邀请好友(Spec ②)

Account 一个「邀请好友得会员」入口 → 邀请页(邀请码/链接 + 奖励进度)。双方都得:邀请人 & 被邀人各得订阅天数。行为奖励:注册 / 首购 / 加入 TG channel 等。克制的偶发提示(账户页或特定动作后的低调 banner,不打扰)。

5 · 落地改动(Flutter)

文件	改动
`navigation_provider.dart`	`NavView` 加 `account` 一级 + `invite` 子页;桌面侧栏列表加 Account
`desktop_shell.dart`	侧栏加 Account 项;顶栏加通知铃铛;content() 加 invite/orders 等分支
`account_page.dart`	按目标顺序重排卡片;加邀请入口;删语言/主题/协议卡(移 Settings);移动端才显设置/联系
`settings_page.dart`	删购买/订单卡;归拢连接/外观/关于三组;Web 链接降到关于底部
`account_screens.dart`	RedeemScreen 删「去哪买」渠道卡(仅留兑换码);ContactScreen 保持渠道唯一
`content_top_bar.dart` / 顶栏	加通知铃铛槽(Spec ③ 接线)

6 · 决策日志

App×Web 分工:App 自足,Web 退居次要。
推广奖励:双方都得(拉新更猛)。
兑换码:保留(账户·购买块内低调入口)。
Web 用户中心链接:保留(Settings·关于底部低调)。
拆解顺序:①IA(本文)→ ②推广激励 → ③系统通知,各自 spec→plan→实现。

7 · 不在本 spec

推广激励的奖励规则引擎/归因/防刷/邀请页细节(Spec ②);通知的类型/下发/定向/收件箱交互(Spec ③);Web 用户中心自身的精简(单独排期)。本文只定 App 的页面骨架与入口归位,并为 ②③ 预留落点。

账户 / 设置 / 联系 信息架构重构