yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

perf(theme): 优化右侧边栏交互表现

Browse Source
This commit is contained in:
pengzhanbo 2024-03-18 00:10:04 +08:00
parent b6f2c1450b
commit 2e39974c54
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,14 +21,20 @@ const hasComments = computed(() => {
return page.value.frontmatter.comments !== false
})
const enableAside = computed(() => {
if (page.value.isBlogPost)
return hasAside.value && isPageDecrypted.value && page.value.headers.length
return hasAside.value && isPageDecrypted.value
})
const zoom = useMediumZoom()
onContentUpdated(() => zoom?.refresh())
</script>
<template>
<div
class="plume-page"
:class="{
class="plume-page" :class="{
'has-sidebar': hasSidebar,
'has-aside': hasAside,
'is-blog': page.isBlogPost,
@ -36,7 +42,7 @@ onContentUpdated(() => zoom?.refresh())
}"
>
<div class="container">
<div v-if="hasAside && isPageDecrypted" class="aside">
<div v-if="enableAside" class="aside">
<div class="aside-container">
<div class="aside-content">
<PageAside />

2
theme/src/client/composables/sidebar.ts
View File

@ -47,7 +47,7 @@ export function useSidebar() {
})
const hasAside = computed(() => {
return !frontmatter.value.home && frontmatter.value.aside !== false && page.value.headers.length
return !frontmatter.value.home && frontmatter.value.aside !== false
})
const isSidebarEnabled = computed(() => hasSidebar.value && is960.value)