GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-17 05:57:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update grid-template-columns in TorrentCardListView and SubscribeListView components

Browse Source
This commit is contained in:
jxxghp
2024-05-05 19:37:57 +08:00
parent 68a27e0b61
commit bd257554cd
2 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/discover/TorrentCardListView.vue
View File

@@ -81,7 +81,7 @@ onMounted(() => {
// 数据分组
const groupMap = new Map<string, Context[]>()
// 遍历数据
props.items?.forEach((item) => {
props.items?.forEach(item => {
const { torrent_info } = item
// init options
initOptions(item)
@@ -91,8 +91,7 @@ onMounted(() => {
// 已入库相同标题和大小的分组，将当前上下文信息添加到分组中
const group = groupMap.get(key)
group?.push(item)
}
else {
} else {
// 创建新的分组，并将当前上下文信息添加到分组中
groupMap.set(key, [item])
}
@@ -110,32 +109,31 @@ watchEffect(() => {
const match = (filter: Array<string>, value: string | undefined) =>
filter.length === 0 || (value && filter.includes(value))
groupedDataList.value?.forEach((value) => {
groupedDataList.value?.forEach(value => {
if (value.length > 0) {
const matchData = value.filter((data) => {
const matchData = value.filter(data => {
const { meta_info, torrent_info } = data
// 季、制作组、视频编码
return (
// 站点过滤
match(filterForm.site, torrent_info.site_name)
match(filterForm.site, torrent_info.site_name) &&
// 促销状态过滤
&& match(filterForm.freeState, torrent_info.volume_factor)
match(filterForm.freeState, torrent_info.volume_factor) &&
// 季过滤
&& match(filterForm.season, meta_info.season_episode)
match(filterForm.season, meta_info.season_episode) &&
// 制作组过滤
&& match(filterForm.releaseGroup, meta_info.resource_team)
match(filterForm.releaseGroup, meta_info.resource_team) &&
// 视频编码过滤
&& match(filterForm.videoCode, meta_info.video_encode)
match(filterForm.videoCode, meta_info.video_encode) &&
// 分辨率过滤
&& match(filterForm.resolution, meta_info.resource_pix)
match(filterForm.resolution, meta_info.resource_pix) &&
// 质量过滤
&& match(filterForm.edition, meta_info.edition)
match(filterForm.edition, meta_info.edition)
)
})
if (matchData.length > 0) {
const firstData = _.cloneDeepWith(matchData[0]) as SearchTorrent
if (matchData.length > 1)
firstData.more = matchData.slice(1)
if (matchData.length > 1) firstData.more = matchData.slice(1)
dataList.value.push(firstData)
}
@@ -236,7 +234,7 @@ watchEffect(() => {
<style lang="scss">
.grid-torrent-card {
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
padding-block-end: 1rem;
}
</style>

2
src/views/subscribe/SubscribeListView.vue
View File

@@ -126,7 +126,7 @@ const filteredDataList = computed(() => {
<style lang="scss">
.grid-subscribe-card {
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
padding-block-end: 1rem;
}
</style>