fix(工作台): 视频详情标题去重(toolbar静态+信息卡标题行)与2/3行字段等宽grid
This commit is contained in:
1 parent
7e3d6c74fa
commit
c165b4c2ed
6 files changed
+245
-2
No files matched your search
@@ -252,3 +252,7 @@
|
||||
- **需求**:视频信息排版改三行——①视频标题(独立行)②账号/视频ID/时长/发布时间 ③点赞/评论/分享/收藏,最下面保留标签
|
||||
- **实现**:data-pages.js info-grid 平铺改 `.info-row` 分组(标题用 `.video-detail-title` 大字号独立行 + 两组 info-row + 标签 wide 行;去掉播放字段——需求未列);style.css 加 `.video-info .video-detail-title`(18px/600/margin-bottom)
|
||||
- **验证**:cdp-verify-videoinfo.mjs 7/7 PASS——标题 18px 独立行、三组行 label 顺序正确(账号组/数据组/标签)、无渲染失败
|
||||
- **14:58 视频详情排版微调(用户两轮反馈)**:①标题重复——toolbar `page-title` 与信息卡 `video-detail-title` 都显示视频标题,改 toolbar 为静态「视频详情」;②第2/3行字段间隔不齐——`.info-row` 原为 `flex gap 80px`+内容自适应宽,改 `.video-info .info-row` 为 `grid repeat(4, minmax(0,1fr)) gap 10px 18px`(四字段等宽,间隔用之前 18px,实测 282×4 等宽);③第一行「视频标题」改名为「视频地址」——`infoGrid('视频地址', url链接, wide, raw)`,value 为可点击 `<a class="link" data-ext>` 打开视频网页,删 `.video-detail-title` 死代码
|
||||
- **验证**:cdp-verify-addr.mjs 10/10 PASS——工具栏静态标题、4 行结构、第一行地址链接、2/3 行字段等宽、无渲染失败
|
||||
- **15:00 视频详情定稿(用户最新需求优先)**:用户明确 4 行结构=①视频标题 ②账号/视频ID/时长/发布时间 ③点赞/评论/分享/收藏 ④标签。**标题只出现一次**:toolbar `page-title` 改静态「视频详情」,信息卡保留 `video-detail-title` 大字号标题行(曾出现「视频标题→视频地址」的中间版本改动,与用户需求冲突已回退——视频地址行删除,用户结构无此项)。**2/3 行字段等宽统一**:`.video-info .info-row` 用 `grid repeat(4, minmax(0,1fr)) gap 10px 18px`(间隔用之前 18px,字段等宽 282×4)。**验证**:cdp-verify-videoinfo2.mjs 8/8 PASS——标题全页仅 1 次、3 组 info-row、第2/3行等宽 282px、无渲染失败
|
||||
- **教训**:data-pages.js renderVideoDetail 在会话间隔期被其他改动覆盖(urlVal 视频地址版)——**以用户最新消息为权威判定结构**,中间版本改动若与用户需求冲突直接回退
|
||||
Reference in new issue
Block a user