mirror of
https://github.com/Cp0204/quark-auto-save.git
synced 2026-01-14 08:20:42 +08:00
x1ao4
GitHub
commit
d045463fa7
@ -4084,7 +4084,7 @@ table.selectable-records .expand-button:hover {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* 确保按钮容器在悬停时保持宽度 */
|
||||
/* 确保按钮容器在悬停时保持宽度 - 桌面端 */
|
||||
.task-buttons {
|
||||
position: relative;
|
||||
min-width: 160px; /* 根据按钮数量和间距调整 */
|
||||
@ -4104,6 +4104,95 @@ table.selectable-records .expand-button:hover {
|
||||
.task .col-auto.task-buttons {
|
||||
padding-right: 15px; /* 与添加任务按钮的右边距保持一致 */
|
||||
}
|
||||
|
||||
/* 移动端优化：当所有按钮都是悬停显示时，减少按钮容器的最小宽度 */
|
||||
.task-buttons {
|
||||
min-width: 40px; /* 大幅减少最小宽度，从160px减少到40px */
|
||||
}
|
||||
|
||||
/* 当任务不在悬停状态且所有按钮都是悬停显示时，进一步减少宽度 */
|
||||
.task:not(:hover) .task-buttons {
|
||||
min-width: 20px; /* 非悬停状态下进一步减少宽度 */
|
||||
}
|
||||
|
||||
/* 移动端任务列表显示优化 */
|
||||
/* 默认状态：隐藏所有按钮，显示元数据信息 */
|
||||
.task-buttons .btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-latest-date,
|
||||
.task-latest-file {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* 悬停状态或展开状态：显示按钮，隐藏元数据信息 */
|
||||
.task:hover .task-buttons .btn,
|
||||
.task.task-expanded .task-buttons .btn {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.task:hover .task-latest-date,
|
||||
.task:hover .task-latest-file,
|
||||
.task.task-expanded .task-latest-date,
|
||||
.task.task-expanded .task-latest-file {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 当日更新标识在所有状态下都显示 */
|
||||
.task-today-indicator {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
/* 确保移动端Plex和AList图标样式不受影响 */
|
||||
.task-buttons .btn-outline-plex .plex-icon {
|
||||
width: 10.3px;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
position: static;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.task-buttons .btn-outline-alist .alist-icon {
|
||||
width: 18px;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
position: relative;
|
||||
top: -0.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 确保桌面端不受移动端优化影响 */
|
||||
@media (min-width: 768px) {
|
||||
.task-buttons .btn {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.task-latest-date,
|
||||
.task-latest-file {
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
/* 确保桌面端图标样式正常 */
|
||||
.task-buttons .btn-outline-plex .plex-icon {
|
||||
width: 10.3px;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
position: static;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.task-buttons .btn-outline-alist .alist-icon {
|
||||
width: 18px;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
position: relative;
|
||||
top: -0.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 任务最近更新日期样式 */
|
||||
@ -4153,6 +4242,17 @@ table.selectable-records .expand-button:hover {
|
||||
color: var(--focus-border-color); /* 备用颜色，以防渐变不支持 */
|
||||
}
|
||||
|
||||
/* iOS Safari兼容性修复 - 只针对iOS设备使用纯色 */
|
||||
@supports (-webkit-touch-callout: none) {
|
||||
@media (max-width: 767.98px) {
|
||||
.task-today-indicator i {
|
||||
/* 在iOS设备上使用纯色，确保可见性 */
|
||||
-webkit-text-fill-color: var(--focus-border-color);
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 当日更新图标悬停显示样式 */
|
||||
.task-today-indicator.hover-only {
|
||||
opacity: 0;
|
||||
@ -5970,7 +6070,8 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil
|
||||
.discovery-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
|
||||
gap: 20px;
|
||||
column-gap: 20px;
|
||||
row-gap: 14px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -6110,7 +6211,7 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil
|
||||
|
||||
.discovery-genre {
|
||||
font-size: 0.95rem;
|
||||
color: #888;
|
||||
color: #979799;
|
||||
margin-bottom: 2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -6131,7 +6232,8 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil
|
||||
@media (max-width: 576px) {
|
||||
.discovery-grid {
|
||||
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
|
||||
gap: 20px;
|
||||
column-gap: 20px;
|
||||
row-gap: 14px;
|
||||
}
|
||||
|
||||
.discovery-btn {
|
||||
|
||||
@ -602,7 +602,7 @@
|
||||
</div>
|
||||
|
||||
<!-- 任务设置模块 -->
|
||||
<div class="row title" title="配置影视发现页面创建任务时的智能填充规则，包括各类型内容的保存路径格式和命名规则">
|
||||
<div class="row title" title="配置影视发现页面创建任务时的智能填充规则，请使用你的网盘目录替换默认的目录前缀，否则将自动继承任务列表最后一个任务的保存路径，查阅Wiki了解详情">
|
||||
<div class="col">
|
||||
<h2 style="display: inline-block; font-size: 1.5rem;">任务设置</h2>
|
||||
<span class="badge badge-pill badge-light">
|
||||
@ -2475,6 +2475,10 @@
|
||||
}
|
||||
},
|
||||
activeTab(newValue, oldValue) {
|
||||
// 如果切换到任务列表页面，则刷新任务最新信息
|
||||
if (newValue === 'tasklist') {
|
||||
this.loadTaskLatestInfo();
|
||||
}
|
||||
// 如果切换到文件整理页面，则加载文件列表
|
||||
if (newValue === 'filemanager') {
|
||||
this.fetchAccountsDetail();
|
||||
@ -2643,6 +2647,9 @@
|
||||
|
||||
// 检查分享链接状态
|
||||
this.checkShareUrlStatus();
|
||||
|
||||
// 添加移动端任务列表展开/收起状态监听
|
||||
this.setupMobileTaskListToggle();
|
||||
}, 500);
|
||||
},
|
||||
beforeDestroy() {
|
||||
@ -2651,6 +2658,27 @@
|
||||
document.removeEventListener('click', this.handleOutsideClick);
|
||||
},
|
||||
methods: {
|
||||
// 设置移动端任务列表展开/收起状态监听
|
||||
setupMobileTaskListToggle() {
|
||||
// 监听所有collapse事件
|
||||
$(document).on('show.bs.collapse', '[id^="collapse_"]', (e) => {
|
||||
const collapseId = e.target.id;
|
||||
const taskIndex = collapseId.replace('collapse_', '');
|
||||
const taskElement = $(e.target).closest('.task');
|
||||
if (taskElement.length) {
|
||||
taskElement.addClass('task-expanded');
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('hide.bs.collapse', '[id^="collapse_"]', (e) => {
|
||||
const collapseId = e.target.id;
|
||||
const taskIndex = collapseId.replace('collapse_', '');
|
||||
const taskElement = $(e.target).closest('.task');
|
||||
if (taskElement.length) {
|
||||
taskElement.removeClass('task-expanded');
|
||||
}
|
||||
});
|
||||
},
|
||||
// 获取文件图标类名
|
||||
getFileIconClass(fileName, isDir = false) {
|
||||
return getFileIconClass(fileName, isDir);
|
||||
@ -3038,14 +3066,19 @@
|
||||
if (window.innerWidth <= 768) {
|
||||
$('#sidebarMenu').collapse('toggle')
|
||||
}
|
||||
|
||||
|
||||
// 当切换到任务列表标签时刷新任务最新信息
|
||||
if (tab === 'tasklist') {
|
||||
this.loadTaskLatestInfo();
|
||||
}
|
||||
|
||||
// 当切换到历史记录标签时加载数据
|
||||
if (tab === 'history') {
|
||||
this.loadHistoryRecords();
|
||||
// 加载所有任务名称用于筛选
|
||||
this.loadAllTaskNames();
|
||||
}
|
||||
|
||||
|
||||
// 当切换到文件整理标签时加载文件列表
|
||||
if (tab === 'filemanager') {
|
||||
// 从本地存储中恢复文件管理器的分页大小设置
|
||||
@ -7209,7 +7242,19 @@
|
||||
details.push(parts[2]); // 类型
|
||||
}
|
||||
if (parts.length >= 4 && parts[3]) {
|
||||
details.push(parts[3]); // 导演
|
||||
// 处理导演信息，最多显示两个导演
|
||||
const directors = parts[3].trim();
|
||||
if (directors) {
|
||||
const directorList = directors.split(/\s+/); // 按空格分割导演名字
|
||||
if (directorList.length > 2) {
|
||||
// 如果导演超过2个，只取前两个
|
||||
const limitedDirectors = directorList.slice(0, 2).join(' ');
|
||||
details.push(limitedDirectors);
|
||||
} else {
|
||||
// 导演不超过2个，直接显示
|
||||
details.push(directors);
|
||||
}
|
||||
}
|
||||
}
|
||||
if (parts.length >= 5 && parts[4]) {
|
||||
details.push(parts[4]); // 主演
|
||||
|
||||
Loading…
Reference in New Issue
Block a user