GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-07-07 23:41:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix card

Browse Source
This commit is contained in:
jxxghp
2023-06-30 10:17:17 +08:00
parent b654aaa9b1
commit 0517a580ad
3 changed files with 48 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/browse.vue
View File

@@ -3,15 +3,45 @@ import MediaCardListView from '@/views/discover/MediaCardListView.vue';
// 输入参数
const props = defineProps({
type: Array as PropType<string[]>,
type: Array as PropType<string[]> | PropType<string>,
});
console.log(props.type);
const titles: { [key: string]: any } = {
tmdb: {
trending: '流行趋势',
movies: '热门电影',
tvs: '热门电视剧',
},
douban: {
movies: '最新电影',
tvs: '最新电视剧',
tv_weekly_chinese: '国产剧集榜',
tv_weekly_global: '全球剧集榜',
},
};
const getApiPath = (types: string[] | string) => {
if (Array.isArray(types)) {
return types.join('/')
} else {
return types
}
};
const getTitle = (types: string[] | string) => {
if (Array.isArray(types)) {
return ['发现', titles[types[0]][types[1]]]
} else {
return ["发现"]
}
};
</script>
<template>
<div>
<MediaCardListView :apipath="props.type?.join('/')"/>
<VBreadcrumbs :items="getTitle(props.type||'')"></VBreadcrumbs>
<MediaCardListView :apipath="getApiPath(props.type||'')"/>
</div>
</template>

17
src/pages/ranking.vue
View File

@@ -10,7 +10,7 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
<VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
</RouterLink>
</div>
<MediaCardSlideView apipath="tmdb/trending" />
<MediaCardSlideView apipath="tmdb/trending" class="mb-3" />
<div class="slider-header">
<RouterLink to="/browse/tmdb/movies" class="slider-title">
@@ -18,7 +18,7 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
<VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
</RouterLink>
</div>
<MediaCardSlideView apipath="tmdb/movies" />
<MediaCardSlideView apipath="tmdb/movies" class="mb-3" />
<div class="slider-header">
<RouterLink to="/browse/tmdb/tvs" class="slider-title">
@@ -26,7 +26,7 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
<VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
</RouterLink>
</div>
<MediaCardSlideView apipath="tmdb/tvs" />
<MediaCardSlideView apipath="tmdb/tvs" class="mb-3" />
<div class="slider-header">
<RouterLink to="/browse/douban/movies" class="slider-title">
@@ -34,7 +34,7 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
<VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
</RouterLink>
</div>
<MediaCardSlideView apipath="douban/movies" />
<MediaCardSlideView apipath="douban/movies" class="mb-3" />
<div class="slider-header">
<RouterLink to="/browse/douban/tvs" class="slider-title">
@@ -42,7 +42,7 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
<VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
</RouterLink>
</div>
<MediaCardSlideView apipath="douban/tvs" />
<MediaCardSlideView apipath="douban/tvs" class="mb-3" />
<div class="slider-header">
<RouterLink to="/browse/douban/tv_weekly_chinese" class="slider-title">
@@ -50,7 +50,7 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
<VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
</RouterLink>
</div>
<MediaCardSlideView apipath="douban/tv_weekly_chinese" />
<MediaCardSlideView apipath="douban/tv_weekly_chinese" class="mb-3" />
<div class="slider-header">
<RouterLink to="/browse/douban/tv_weekly_global" class="slider-title">
@@ -58,7 +58,7 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
<VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
</RouterLink>
</div>
<MediaCardSlideView apipath="douban/tv_weekly_global" />
<MediaCardSlideView apipath="douban/tv_weekly_global" class="mb-3" />
</div>
</template>
@@ -66,7 +66,8 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
.slider-header {
position: relative;
display: flex;
margin-block: 1.5rem 1rem;
@apply mb-3;
}
.slider-title {