mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
fix ui
This commit is contained in:
+1
-1
@@ -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",
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user