lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-05-17 10:27:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: 修复布局问题

Browse Source
This commit is contained in:
alger
2024-12-09 20:39:32 +08:00
parent a1b1d861ac
commit f24e8232f8
3 changed files with 86 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mv/index.vue
+7 -5
View File
@@ -58,7 +58,7 @@ const initLoading = ref(false);
const loadingMore = ref(false);
const currentIndex = ref(0);
const offset = ref(0);
const limit = ref(30);
const limit = ref(28);
const hasMore = ref(true);
const getItemAnimationDelay = (index: number) => {
@@ -158,12 +158,12 @@ const isPrevDisabled = computed(() => currentIndex.value === 0);
@apply relative h-full w-full;
&-title {
@apply text-xl font-bold;
@apply text-xl font-bold pb-2;
}
&-content {
@apply grid gap-4 pb-28 mt-2 pr-4;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.mv-item {
@@ -217,10 +217,12 @@ const isPrevDisabled = computed(() => currentIndex.value === 0);
}
.mobile {
.mv-list-title {
@apply text-xl font-bold px-4;
}
.mv-list-content {
@apply px-4;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
}