style(client): 对齐短剧列表字号与间距

This commit is contained in:
Zhou Weidong committed 2026-10-22 18:06:03 +08:00
1 parent d03dcf162e
commit d7a59e5a27
17 files changed
+576 -148

No files matched your search

+38
View File
@@ -1070,3 +1070,41 @@ $ flutter test
解读:登录且钱包快照存在时钱包红标仍显示;首页四个 tab、推荐三个子 tab、
追剧页和我的页均断言不存在两侧悬浮组件。`pubspec.lock` 未提交,
未操作真机。
## 2026-10-22 首页与短剧列表视觉字号对齐
- 分支:`feature/visual-type-scale`
- 基线:`develop` / `origin/develop` = `d03dcf1`
### Token 与组件
- 新增 `textTertiary = #9E9E9E`,以及搜索、页签、筛选 chip、分区标题、
卡片标题/播放量/标签/角标、封面比例和网格间距的公共 token。
- 搜索框统一为高 40、圆角 8、placeholder 13;一级分类 16,选中
白字 w700,未选中 `#9E9E9E` w400;二级标签 13 并采用参考图选中/未选中
底色。
- 三列首页网格与全部短剧网格统一左右边距 14、列间距 6、行间距 18;
封面 5:6、圆角 6。
- 首页、剧单横滑、追剧双列卡片统一标题 15/w500/1.3、播放量 11 白字、
标签 11/高 18/左右 6,封面到标题 8、标题到标签 6。
- 剧单分区标题 17/w700,副标题 11 `#8E8E93`,更多 12 `#8E8E93`;
分区间距保持 24。
- 全部短剧筛选 chip 统一高 30、圆角 15、字号 13;我的页标题 17,
追剧顶部页签 16。
### 门禁命令与原始输出
```text
$ flutter analyze
Analyzing reelshort-visual-type...
No issues found! (ran in 1.8s)
```
```text
$ flutter test
00:57 +648: All tests passed!
```
解读:首页搜索/页签/二级标签、三类卡片字体与标签、5:6 封面、网格间距、
筛选 chip、我的标题和追剧双列 320 宽度适配均有测试覆盖。目标组件均低于
500 行;`pubspec.lock` 未提交,未操作真机。