quark-auto-save/app/static
x1ao4 62d2b6e739 为海报卡片悬停信息添加行数限制
为多个页面的海报卡片悬停信息添加显示行数限制,超长内容显示省略号,提升界面整洁度和可读性。

修改内容:

1. 任务列表页面海报视图的任务海报卡片悬停信息:
   - 第二行(匹配到的节目名称):限制为1行
   - 第三行(季标题):限制为1行

2. 追剧日历页面海报视图的集海报卡片悬停信息:
   - 第一行(集标题):限制为2行

3. 追剧日历页面内容管理模式的节目海报卡片悬停信息:
   - 第一行(匹配到的节目名称):限制为2行
   - 第三行(季标题):限制为1行

4. 影视发现页面的海报卡片悬停信息:
   - 制片国家/地区:限制为1行
   - 类型:限制为2行
   - 导演:限制为1行(移除之前的数量限制,改为行数限制)
   - 主演:限制为2行

技术实现:

HTML修改:
- 为指定元素添加 info-line-single 或 info-line-double CSS类
- 任务列表、追剧日历页面:直接在HTML元素上添加类名
- 影视发现页面:通过动态类绑定,根据信息类型应用相应样式

CSS修改:
- 新增 .info-line-single 样式:单行限制,使用 white-space: nowrap 和 text-overflow: ellipsis
- 新增 .info-line-double 样式:双行限制,使用 -webkit-line-clamp: 2 实现多行截断
- 样式作用域限定在 .discovery-poster-overlay 和 .calendar-poster-overlay 内

JavaScript修改:
- 修改 getMovieDetails 函数:返回对象数组而非字符串数组
- 每个对象包含 text(文本内容)和 type(信息类型)字段
- 通过 detail.type 判断信息类型,确保即使某些信息缺失也能正确识别

影响范围:
- 仅影响指定位置的海报悬停信息显示
- 不影响其他功能和其他页面的海报悬停信息
- 正确处理边界情况(信息缺失、格式不完整等)
2025-12-21 23:53:52 +08:00
..
css 为海报卡片悬停信息添加行数限制 2025-12-21 23:53:52 +08:00
images 新增影视发现功能 2025-07-13 23:03:40 +08:00
js 修复剧集编号提取时某些技术规格未被正确过滤的问题 2025-09-29 10:40:47 +08:00