From d4a72bf1776ba0e825f33e9d0e7f69c8527b2e25 Mon Sep 17 00:00:00 2001 From: JustMe Date: Wed, 14 Oct 2026 22:42:06 +0800 Subject: [PATCH] docs(ui): describe account settings, sign-in and the home zones [CI] --- docs/ui-design.md | 29 ++++++----------------------- 1 file changed, 6 insertions(+), 23 deletions(-) diff --git a/docs/ui-design.md b/docs/ui-design.md index a092ded..382bb31 100644 --- a/docs/ui-design.md +++ b/docs/ui-design.md @@ -99,31 +99,12 @@ WebDrop 是**暂存区**,频道工作区:聊天按 thread 展示，文件按 thr ### 6.4 首页(初始状态)与页面 -首页把「临时分享」与「设备频道」作为两个并列入口:前者用于发一段临时文本或文件,后者用于多设备长期同步。 +首页把「便捷分享」与「空间」做成两个并列分区（宽屏左右并列，窄屏上下排列，中间一条细线分隔），各有图标和一句话定位： -主页右上角提供外观菜单,可跟随系统或切换亮色/暗色。右下角分别显示前端和后端的 tag 与短 commit hash,并显示换算为上海时间的构建时间(`yyyy-MM-dd HH:mm`);前端还显示包版本。无法取得 tag 时如实显示「未标记」。 +- **便捷分享**（左）：临时 · 只读 · 对方无需账号，端到端加密。输入区（文字、拖入/选择/粘贴文件）加「创建分享」，下面紧跟「我的分享」列表。是写完即发的操作区。 +- **空间**（右）：长期 · 多人 · 登录使用。先列「我的空间」（名称、加密、角色、人数上限），底部是「新建空间」「加入空间」。是进入长期工作区的入口。 -``` -┌──────────────────────────────────┐ -│ WebDrop │ -│ 在自己的设备之间传文件和文本,也可分享给别人。│ -│ ┌ 临时分享 ───────────────────┐ │ -│ │ 输入或粘贴临时文本… │ │ -│ │ 拖入文件 / 文件名列表 │ │ -│ │ [选择文件] [粘贴] [创建临时分享]│ │ -│ └────────────────────────────┘ │ -│ ┌ 账号与同步 ─────────────────┐ │ -│ │ 用户名 / 密码 [登录并同步] │ │ -│ │ 资源清单先在本机加密后同步 │ │ -│ └────────────────────────────┘ │ -│ 我的频道(有才显示) │ -│ abc123… 🔒加密 所有者 最多 3 人 │ -│ ┌ 设备频道 ───────────────────┐ │ -│ │ 多台设备之间长期同步 │ │ -│ │ [ 新建频道 ] [ 加入频道 ] │ │ -│ └────────────────────────────┘ │ -└──────────────────────────────────┘ -``` +主页右上角提供外观菜单，右下角显示前端和后端的 tag 与短 commit hash 及上海时间的构建时间；无法取得 tag 时如实显示「未标记」。 | 操作 | 结果 | |---|---| @@ -133,6 +114,8 @@ WebDrop 是**暂存区**,频道工作区:聊天按 thread 展示，文件按 thr | 我的频道 | 点一行进入；垃圾桶从当前账号/访客资源清单移除，**不会删除频道**，需二次确认；账号清单移除会同步到其他设备 | | 账号与同步 | 用户名密码注册或登录;本地频道/分享凭据在 Worker 加密后同步,另一台设备登录后恢复;退出时撤销会话 | +登录/注册页是居中的单列卡片（标题与标语在上，卡片在下）；创建账号需要再输入一次密码确认，两次不一致时就地提示并禁用提交。账号设置是左侧导航 + 右侧单页（个人资料 / 我的设备 / 安全 / 空间邀请 / 同步与登录；手机上导航变为顶部横向页签），结果统一用 toast 反馈，设备重命名就地编辑，移除设备与退出登录需确认。 + 账号密码不提供找回流程。忘记密码会导致账号保险库无法解密;界面需在注册区域明确提示。本机记住登录通过 IndexedDB 保存 session 和不可导出的保险库 CryptoKey，刷新后恢复身份；退出或设备被撤销后清除。 未登录访问首页时先显示注册/登录页；收到的频道或分享链接保持访客入口。频道加入页按当前规则显示密码输入或登录提示。右上角频道设置集中管理加入方式、陌生人开关、频道密码、成员角色、邀请与撤销，不另设权限入口。