mirror of
https://github.com/Cp0204/quark-auto-save.git
synced 2026-01-17 18:02:12 +08:00
为追剧日历的海报视图设置可用宽度上限,修复超列问题
This commit is contained in:
parent
e181211e53
commit
240a069a08
@ -13022,9 +13022,23 @@
|
|||||||
// 计算主内容区域可用宽度
|
// 计算主内容区域可用宽度
|
||||||
const availableWidth = windowWidth - sidebarWidth - 20; // 减去侧边栏宽度和左右边距
|
const availableWidth = windowWidth - sidebarWidth - 20; // 减去侧边栏宽度和左右边距
|
||||||
|
|
||||||
|
// 根据页面宽度模式应用最大宽度上限,避免中/窄模式下超限
|
||||||
|
// 对应 CSS: .page-width-narrow/.page-width-medium/.page-width-wide 的 container-fluid max-width
|
||||||
|
let maxContentWidth;
|
||||||
|
if (this.pageWidthMode === 'narrow') {
|
||||||
|
maxContentWidth = 1440; // 与 CSS 保持一致
|
||||||
|
} else if (this.pageWidthMode === 'medium') {
|
||||||
|
maxContentWidth = 1680; // 与 CSS 保持一致
|
||||||
|
} else {
|
||||||
|
maxContentWidth = 2160; // 宽模式上限
|
||||||
|
}
|
||||||
|
// 主内容区域在 Bootstrap 栅格中通常占 10/12 宽度(col-md-10 col-lg-10),需要按比例折算
|
||||||
|
// 这里以可视窗口宽度估算容器宽度并取上限,再减去侧边栏与边距后作为可用宽度
|
||||||
|
const containerMaxWidth = Math.min(windowWidth, maxContentWidth);
|
||||||
|
const maxAvailableByMode = containerMaxWidth - sidebarWidth - 20;
|
||||||
|
const boundedWidth = Math.min(availableWidth, maxAvailableByMode);
|
||||||
|
|
||||||
|
return Math.max(boundedWidth, 300); // 确保最小可用宽度为300px
|
||||||
return Math.max(availableWidth, 300); // 确保最小可用宽度为300px
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// 格式化日期为YYYY-MM-DD格式(使用本地时间)
|
// 格式化日期为YYYY-MM-DD格式(使用本地时间)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user