docs(plans): 记录 K24 客户端设计稿对齐
This commit is contained in:
1 parent
93b2299630
commit
0f8652c083
3 files changed
+171
-1
No files matched your search
@@ -4877,3 +4877,71 @@ f5b399a fix(web): 统一危险操作按钮样式
|
||||
- 2026-10-19 K23.1 轮播图编辑弹窗:680px 三段布局,240×135 图片预览、跳转配置、排序/状态;移除原始 URL 输入,加入图片与条件跳转校验、上传校验与进度遮罩。1024 弹窗宽 680px、正文 scrollWidth=clientWidth、footer 可见;375 弹窗宽 345px、图片区纵向、卡片 240×135、信息区无重叠、页面无横向溢出。Web 提交 `f281dcf`,合并 `685d4fd`,lint/build 通过。
|
||||
|
||||
- 2026-10-19 K23.1 剧集编辑弹窗:680px 三段布局,基础信息、视频文件、付费与状态;视频区固定 240×135,移除原始 URL 输入,加入 MP4/MOV、500MB、上线视频必填校验和上传进度。1024 弹窗宽 680px、视频卡 240×135、数字框 180px、footer 可见;375 弹窗宽 345px、视频区纵向且不重叠、页面无横向溢出。格式校验实测显示“视频仅支持 MP4 或 MOV 格式”。Web 提交 `2b5dda7`,合并 `83e535d`,lint/build 通过。
|
||||
|
||||
### K24 客户端 UI 对齐设计稿(2026-10-19)
|
||||
|
||||
范围:设计系统、3 Tab 底部导航、首页沉浸层、发现页;详情/播放器/我的/登录留 K25/K26。
|
||||
|
||||
设计口径:采用 `README.md` + `screens/01-home.html` + `screens/02-discover.html`
|
||||
的 `#0B0C10 / #16181F / #1D1E28 / #FF5B3D / #FF4321 / #9278EA`,不使用
|
||||
`DESIGN.md` 顶部 YAML 的 `#ffb4a5/#cdbdff`。
|
||||
|
||||
落地:
|
||||
|
||||
- `AppColors` 改 Obsidian Flare,保留 `blue/blueSoft/ink/card` 等旧名并新增
|
||||
`secondary/lavender/onSurface/subtle/success/border`。
|
||||
- 字体 Outfit(标题)+ Plus Jakarta Sans(正文)共 7 个 OFL TTF,放在
|
||||
`assets/fonts/`,两份 OFL 许可证随包;`.gitignore` 放行 fonts 目录。
|
||||
- 新增 `GlassPanel`:`BackdropFilter` 16/24px、白 8-14% 描边、圆角 16/24/26。
|
||||
- 底部导航 3 Tab:`tab-home/tab-discover/tab-my`,删除 `tab-my-list`;选中橙色图标、
|
||||
文案与 3px 圆点,背景 `#0B0C10/95` + blur;My List 区块并入 Me 页。
|
||||
- 首页保留 `PlayerPage(homeMode: true)` 播放链路,新增 `HomeFeedOverlay`:剧名/HOT/
|
||||
Season/搜索/更多,头像 Follow +、Like/Comment/Bookmark/Share 玻璃钮,底部 26px
|
||||
玻璃信息卡、题材 chips、集数、双行简介、1.5px 进度、Follow Series/Episodes。
|
||||
下载与 PiP 收进“更多”底部菜单。
|
||||
- 发现页移除顶层 3D 轮播;新增品牌行+头像、44px 搜索框(现有过滤与 searchRequest 聚焦)、
|
||||
分类 chips、观看记录 Continue Watching(无记录隐藏)、4 个快捷入口、2 列 Trending
|
||||
(3/4.2、16px 圆角、HOT/Free 有数据才显示、viewCount 展示)。
|
||||
|
||||
数据缺口:`Drama` 无评分、完结、VIP、剧级点赞/评论数;对应 UI 隐藏,不补假数据。
|
||||
Continue Watching 只有 `episodeId`,能匹配到当前剧集列表时才显示集号。
|
||||
|
||||
门禁原始输出:
|
||||
|
||||
```text
|
||||
$ dart analyze lib test
|
||||
Analyzing lib, test...
|
||||
No issues found!
|
||||
|
||||
$ flutter test
|
||||
00:26 +347: All tests passed!
|
||||
|
||||
$ flutter build apk --debug
|
||||
Running Gradle task 'assembleDebug'... 38.8s
|
||||
✓ Built build/app/outputs/flutter-apk/app-debug.apk
|
||||
```
|
||||
|
||||
构建说明:用户当时有 `flutter run --device-id=00008101...` 占用主工作区 `build/`,
|
||||
因此在 `/tmp/reelshort-k24-build` 的独立 git worktree 执行 `flutter pub get` 与
|
||||
`flutter build apk --debug`,避免并发构建冲突。
|
||||
|
||||
Git:
|
||||
|
||||
```text
|
||||
eae1c53 feat(theme): 接入 Obsidian Flare 设计系统
|
||||
e8c1859 feat(ui): 重做三 Tab 首页与发现页
|
||||
4553606 merge: K24 客户端 UI 对齐设计稿
|
||||
```
|
||||
|
||||
提交与合并 author/committer 均为 `Zhou Weidong <502333560@qq.com>`。
|
||||
ReelShort `develop` 与 `feature/flutter-k24-design-system` 已推送。
|
||||
|
||||
真机验收步骤(设备侧取证由用户执行):
|
||||
|
||||
1. `flutter run` 打开 App,确认默认进入 Home 沉浸 feed;底部仅 Home/Discover/Me 三个 Tab。
|
||||
2. Home 检查剧名/HOT/Season、右侧头像+Follow、Like/Comment/Bookmark/Share、底部玻璃卡、
|
||||
集数、简介、橙色进度、Follow Series/Episodes;“更多”内有下载与 PiP。
|
||||
3. 点 Discover,确认品牌行、搜索框、分类 chips、4 快捷入口、2 列 Trending;输入剧名过滤,
|
||||
清空恢复;有观看记录时显示 Continue Watching,无记录时不显示。
|
||||
4. 点 Me,确认账号内容与 History/Watchlist/Liked 在同一页;切回 Home 播放进度与收藏状态保留。
|
||||
5. 深色/浅色系统、320×568 与 390×844 小屏检查无溢出、文字不截断。
|
||||
Reference in new issue
Block a user