diff --git a/app/pages/article/index.vue b/app/pages/article/index.vue index 52157e5..987f3fc 100644 --- a/app/pages/article/index.vue +++ b/app/pages/article/index.vue @@ -58,6 +58,15 @@ const fetchArticles = async () => { } } + + +// 监听分页变化 +watch(page, () => { + fetchArticles() + // 滚动到顶部 + window.scrollTo({ top: 0, behavior: 'smooth' }) +}) + // 监听查询参数变化 watch(() => route.query.code, (newCode, oldCode) => { // 当 code 参数发生变化时(包括从有值变为无值,或从一个值变为另一个值) @@ -117,7 +126,7 @@ onMounted(() => { root:'group', container: 'relative grid lg:grid-cols-[1fr_4fr] gap-8 p-6', }" - class="hover:shadow-2xl hover:scale-105 hover:translate-x-8 [--spotlight-size:188px]" + class="hover:shadow-2xl hover:scale-102 [--spotlight-size:188px]" orientation="horizontal" reverse spotlight