scout666/fiee-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 每次切换页面滚动条置顶

Browse Source
This commit is contained in:
yinkang 2025-12-11 15:00:26 +08:00
parent e65652fdc2
commit f711a35651
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/index/size1920/index.vue
View File

@ -2,7 +2,7 @@
import customHeader from "@/components/customHeader/index.vue"; import customHeader from "@/components/customHeader/index.vue";
import customFooter from "@/components/customFooter/index.vue"; import customFooter from "@/components/customFooter/index.vue";
import { NScrollbar } from "naive-ui"; import { NScrollbar } from "naive-ui";
import { computed } from "vue"; import { computed, watch, ref } from "vue";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
const route = useRoute(); const route = useRoute();
@ -55,12 +55,18 @@ const currentBg = computed(() => {
// 兜底：当作颜色或直接背景 // 兜底：当作颜色或直接背景
return { background: value }; return { background: value };
}); });
const scrollbarRef = ref(null);
watch(route, () => {
scrollbarRef.value?.scrollTo({ top: 0 });
})
</script> </script>
<template> <template>
<div class="flex flex-col h-screen"> <div class="flex flex-col h-screen">
<customHeader></customHeader> <customHeader></customHeader>
<n-scrollbar <n-scrollbar
ref="scrollbarRef"
class="bg-cover bg-center bg-no-repeat flex-1" class="bg-cover bg-center bg-no-repeat flex-1"
style="background-size: 100% 100%; background-attachment: fixed" style="background-size: 100% 100%; background-attachment: fixed"
:style="currentBg" :style="currentBg"