quark-auto-save/app/templates
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
..
index.html 为海报卡片悬停信息添加行数限制 2025-12-21 23:53:52 +08:00
login.html 重塑 WebUI,增加更多实用功能,引入数据库模块,支持记录和查看转存历史,优化并完善了部分功能 2025-05-17 17:04:39 +08:00