mirror of
https://github.com/Cp0204/quark-auto-save.git
synced 2026-01-12 15:20:44 +08:00
为多个页面的海报卡片悬停信息添加显示行数限制,超长内容显示省略号,提升界面整洁度和可读性。 修改内容: 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 判断信息类型,确保即使某些信息缺失也能正确识别 影响范围: - 仅影响指定位置的海报悬停信息显示 - 不影响其他功能和其他页面的海报悬停信息 - 正确处理边界情况(信息缺失、格式不完整等) |
||
|---|---|---|
| .. | ||
| index.html | ||
| login.html | ||