fix: page scroll display abnormal

opensource-f2f · Mar 10, 2024 · e3d4330 · e3d4330
1 parent 527ca9c
commit e3d4330
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useHead } from '@unhead/vue'
+import { isShowMenu } from './utils/store-data'
 
 useHead({
   titleTemplate: (title) => (title ? `${title} | 开源面对面` : '开源面对面'),
@@ -9,7 +10,7 @@ useHead({
 <template>
   <app-header />
   <ai-assistant />
-  <router-view v-slot="{ Component }">
+  <router-view v-slot="{ Component }" v-show="!isShowMenu">
     <Transition>
       <component :is="Component" />
     </Transition>

diff --git a/src/components/navbar/nav-hamburger.vue b/src/components/navbar/nav-hamburger.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import { menuList } from '../../utils/store-data'
-
-const isShowMenu = ref(false)
+import { menuList, isShowMenu } from '../../utils/store-data'
 </script>
 
 <template>

diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
@@ -10,9 +10,7 @@ declare module 'vue' {
     AiAssistant: typeof import('./../components/ai-assistant.vue')['default']
     AppFooter: typeof import('./../components/app-footer.vue')['default']
     AppHeader: typeof import('./../components/app-header.vue')['default']
-    AppNav: typeof import('./../components/app-nav.vue')['default']
     AppNavbar: typeof import('./../components/app-navbar.vue')['default']
-    AppNavFull: typeof import('./../components/app-nav-full.vue')['default']
     Badge: typeof import('./../components/badge.vue')['default']
     Components: typeof import('./../components/index.vue')['default']
     ContributorContent: typeof import('./../components/contributor-content.vue')['default']

diff --git a/src/utils/store-data.ts b/src/utils/store-data.ts
@@ -3,3 +3,6 @@ export const menuList = ref([{ name: 'Sponsors', href: '/sponsors' }])
 
 /** isLargeScreen info */
 export const isLargeScreen = useMediaQuery('(min-width: 600px)')
+
+/** isShowMenu */
+export const isShowMenu = ref(false)