This commit is contained in:
jxxghp
2023-09-18 17:51:04 +08:00
parent 3773dfb4a1
commit 20a6dd1aeb
2 changed files with 6 additions and 14 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "moviepilot", "name": "moviepilot",
"version": "1.2.2-2", "version": "1.2.2",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "vite --host", "dev": "vite --host",
+5 -13
View File
@@ -18,8 +18,6 @@ const { mdAndDown } = useDisplay()
const refNav = ref() const refNav = ref()
const menuShow = ref(false)
/* /*
️ Close overlay side when route is changed ️ Close overlay side when route is changed
Close overlay vertical nav when link is clicked Close overlay vertical nav when link is clicked
@@ -39,13 +37,6 @@ const updateIsVerticalNavScrolled = (val: boolean) => (isVerticalNavScrolled.val
function handleNavScroll(evt: Event) { function handleNavScroll(evt: Event) {
isVerticalNavScrolled.value = (evt.target as HTMLElement).scrollTop > 0 isVerticalNavScrolled.value = (evt.target as HTMLElement).scrollTop > 0
} }
onMounted(() => {
// 1秒钟后再显示
setTimeout(() => {
menuShow.value = true
}, 1000)
})
</script> </script>
<template> <template>
@@ -62,7 +53,9 @@ onMounted(() => {
]" ]"
> >
<!-- 👉 Header --> <!-- 👉 Header -->
<div class="nav-header"> <div
class="nav-header"
>
<slot name="nav-header"> <slot name="nav-header">
<RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper"> <RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper">
<div class="d-flex" v-html="logo" /> <div class="d-flex" v-html="logo" />
@@ -79,15 +72,14 @@ onMounted(() => {
<slot name="nav-items" :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled"> <slot name="nav-items" :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled">
<PerfectScrollbar <PerfectScrollbar
tag="ul" tag="ul"
class="nav-items d-none d-lg-block" class="d-none d-lg-block nav-items"
:options="{ wheelPropagation: false }" :options="{ wheelPropagation: false }"
@ps-scroll-y="handleNavScroll" @ps-scroll-y="handleNavScroll"
> >
<slot /> <slot />
</PerfectScrollbar> </PerfectScrollbar>
<ul <ul
v-show="menuShow" class="d-lg-none overflow-auto nav-items"
class="nav-items d-lg-none overflow-auto"
> >
<slot /> <slot />
</ul> </ul>