🎨 优化代码

aurora-vue/aurora-blog/src/App.vue

@@ -65,6 +65,9 @@ export default defineComponent({
       'nprogress-custom-parent': false
     })
     const wrapperStyle = ref({ 'min-height': '100vh' })
+    const isMobile = computed(() => {
+      return commonStore.isMobile
+    })
     onMounted(() => {
       initialApp()
     })
@@ -75,6 +78,7 @@ export default defineComponent({
     const initialApp = async () => {
       initResizeEvent()
       intialCopy()
+      initWindowOnload()
       fetchWebsiteConfig()
       let wrapperHeight = screen.height
       const footerEl = document.getElementById('footer')
@@ -108,9 +112,6 @@ export default defineComponent({
     const intialCopy = () => {
       document.addEventListener('copy', copyEventHandler)
     }
-    const isMobile = computed(() => {
-      return commonStore.isMobile
-    })
     const resizeHander = () => {
       const rect = document.body.getBoundingClientRect()
       const mobileState = rect.width - 1 < MOBILE_WITH
@@ -120,6 +121,15 @@ export default defineComponent({
       resizeHander()
       window.addEventListener('resize', resizeHander)
     }
+    const initWindowOnload = () => {
+      window.onload = () => {
+        setTimeout(() => {
+          window.scrollTo({
+            top: 0
+          })
+        }, 10)
+      }
+    }
     return {
       title: metaStore.title,
       theme: computed(() => appStore.themeConfig.theme),

aurora-vue/aurora-blog/src/components/AuroraNavigator.vue

@@ -86,6 +86,12 @@ export default defineComponent({
     let scrollingHandler: any
     let menuReopenHandler: any
     let needReopen = ref(false)
+    onMounted(() => {
+      document.addEventListener('scroll', scrollHandler)
+    })
+    onUnmounted(() => {
+      document.removeEventListener('scroll', scrollHandler)
+    })
     const scrollHandler = () => {
       clearTimeout(scrollingHandler)
       clearTimeout(menuReopenHandler)
@@ -134,12 +140,6 @@ export default defineComponent({
       navigatorStore.setOpenNavigator(false)
       searchStore.setOpenModal(status)
     }
-    onMounted(() => {
-      document.addEventListener('scroll', scrollHandler)
-    })
-    onUnmounted(() => {
-      document.removeEventListener('scroll', scrollHandler)
-    })
     return {
       gradient: computed(() => {
         return { background: appStore.themeConfig.header_gradient_css }

aurora-vue/aurora-blog/src/components/Dropdown/src/Dropdown.vue

@@ -63,5 +63,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="scss" scoped></style>

aurora-vue/aurora-blog/src/components/Dropdown/src/DropdownItem.vue

@@ -24,5 +24,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="scss" scoped></style>

aurora-vue/aurora-blog/src/components/Footer.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { useAppStore } from '@/stores/app'
 import { useI18n } from 'vue-i18n'
 
@@ -50,5 +50,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="scss" scoped></style>

aurora-vue/aurora-blog/src/components/MobileMenu.vue

@@ -156,5 +156,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="scss" scoped></style>

aurora-vue/aurora-blog/src/components/Sidebar/src/Sidebar.vue

@@ -16,5 +16,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="scss" scoped></style>

aurora-vue/aurora-blog/src/components/Sidebar/src/WebsiteInfo.vue

@@ -60,4 +60,3 @@ export default defineComponent({
   }
 })
 </script>
-<style lang="scss" scoped></style>

aurora-vue/aurora-blog/src/components/ToggleSwitch/ThemeToggle.vue

@@ -40,5 +40,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="scss" scoped></style>

aurora-vue/aurora-blog/src/views/Home.vue

@@ -206,7 +206,7 @@ export default defineComponent({
     const handleTabChange = (categoryId: any) => {
       pagination.current = 1
       activeTab.value = categoryId
-      toPageTop()
+      toArticleOffset()
       nowCategoryId = categoryId
       if (categoryId === 0) {
         fetchArticles()
@@ -214,7 +214,7 @@ export default defineComponent({
         fetchArticlesByCategoryId(categoryId)
       }
     }
-    const toPageTop = () => {
+    const toArticleOffset = () => {
       window.scrollTo({
         top: articleOffset.value
       })
@@ -225,7 +225,7 @@ export default defineComponent({
     }
     const pageChangeHanlder = (current: number) => {
       pagination.current = current
-      toPageTop()
+      toArticleOffset()
       if (nowCategoryId === 0) {
         fetchArticles()
       } else {