feat: 优化滚动条 位置

This commit is contained in:
alger
2024-11-28 23:45:44 +08:00
parent 1cb3c72ab7
commit c49d814182
2 changed files with 4 additions and 4 deletions
+2 -2
View File
@@ -189,13 +189,13 @@ watch(
} }
.recommend { .recommend {
@apply w-full h-full bg-none px-4; @apply w-full h-full bg-none;
&-title { &-title {
@apply text-lg font-bold text-white pb-4; @apply text-lg font-bold text-white pb-4;
} }
&-list { &-list {
@apply grid gap-x-8 gap-y-6 pb-28; @apply grid gap-x-8 gap-y-6 pb-28 pr-4;
grid-template-columns: repeat(v-bind(ITEMS_PER_ROW), minmax(0, 1fr)); grid-template-columns: repeat(v-bind(ITEMS_PER_ROW), minmax(0, 1fr));
} }
&-item { &-item {
+2 -2
View File
@@ -162,14 +162,14 @@ const isPrevDisabled = computed(() => currentIndex.value === 0);
<style scoped lang="scss"> <style scoped lang="scss">
.mv-list { .mv-list {
@apply relative h-full w-full px-4; @apply relative h-full w-full;
&-title { &-title {
@apply text-xl font-bold; @apply text-xl font-bold;
} }
&-content { &-content {
@apply grid gap-6 pb-28 mt-2; @apply grid gap-6 pb-28 mt-2 pr-4;
grid-template-columns: repeat(auto-fill, minmax(14%, 1fr)); grid-template-columns: repeat(auto-fill, minmax(14%, 1fr));
} }