gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(theme): add showOutline prop to LocalNav

Browse Source
This commit is contained in:
pengzhanbo 2024-02-27 01:02:18 +08:00
parent 205cb1336c
commit ecd20647dd
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
theme/src/client/components/LocalNav.vue
View File

@ -9,8 +9,9 @@ import { useSidebar, useThemeLocaleData } from '../composables/index.js'
import IconAlignLeft from './icons/IconAlignLeft.vue'
import LocalNavOutlineDropdown from './LocalNavOutlineDropdown.vue'
defineProps<{
const props = defineProps<{
open: boolean
showOutline: boolean
}>()
defineEmits<(e: 'openMenu') => void>()
@ -42,6 +43,7 @@ const classes = computed(() => {
'fixed': empty.value,
'reached-top': y.value >= navHeight.value,
'is-blog': page.value.isBlogPost,
'with-outline': !props.showOutline,
}
})
@ -64,7 +66,7 @@ const showLocalNav = computed(() => {
<span class="menu-text"> {{ themeData.sidebarMenuLabel || 'Menu' }} </span>
</button>
<LocalNavOutlineDropdown :headers="headers" :nav-height="navHeight" />
<LocalNavOutlineDropdown v-if="showOutline" :headers="headers" :nav-height="navHeight" />
</div>
</template>
@ -113,6 +115,10 @@ const showLocalNav = computed(() => {
.local-nav .menu {
visibility: hidden;
}
.local-nav.with-outline {
display: none;
}
}
@media (min-width: 1280px) {
@ -149,7 +155,7 @@ const showLocalNav = computed(() => {
@media (min-width: 768px) {
.menu {
padding: 0 32px;
padding: 12px 32px 11px;
}
}