From 38193a870b51ac0871306b9c5690b5a6ecfb424d Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 18 Sep 2023 17:05:40 +0800
Subject: [PATCH 1/5] fix

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index bc705bb8..ba6591c2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.2.2",
+  "version": "1.2.2-1",
   "private": true,
   "scripts": {
     "dev": "vite --host",

From e156b662a3dc7cdc2a41da9b1a1057efba70c285 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 18 Sep 2023 17:36:12 +0800
Subject: [PATCH 2/5] fix ui

---
 package.json                            | 2 +-
 src/@layouts/components/VerticalNav.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ba6591c2..ee1519a7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.2.2-1",
+  "version": "1.2.2-2",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index c0486212..9c59084c 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -41,7 +41,10 @@ function handleNavScroll(evt: Event) {
 }
 
 onMounted(() => {
-  menuShow.value = true
+  // 1秒钟后再显示
+  setTimeout(() => {
+    menuShow.value = true
+  }, 1000)
 })
 </script>
 

From 3773dfb4a118e27e3e1eab85a2957af9ba234619 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 18 Sep 2023 17:39:05 +0800
Subject: [PATCH 3/5] fix ui

---
 src/@layouts/components/VerticalNav.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index 9c59084c..27a31499 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -51,7 +51,6 @@ onMounted(() => {
 <template>
   <Component
     :is="props.tag"
-    v-show="menuShow"
     ref="refNav"
     class="layout-vertical-nav touch-none"
     :class="[
@@ -86,7 +85,10 @@ onMounted(() => {
       >
         <slot />
       </PerfectScrollbar>
-      <ul class="nav-items d-lg-none overflow-auto">
+      <ul
+        v-show="menuShow"
+        class="nav-items d-lg-none overflow-auto"
+      >
         <slot />
       </ul>
     </slot>

From 20a6dd1aeb9c41b876950fa5e3be6e776078141f Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 18 Sep 2023 17:51:04 +0800
Subject: [PATCH 4/5] fix ui

---
 package.json                            |  2 +-
 src/@layouts/components/VerticalNav.vue | 18 +++++-------------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index ee1519a7..bc705bb8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.2.2-2",
+  "version": "1.2.2",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index 27a31499..fc5ca835 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -18,8 +18,6 @@ const { mdAndDown } = useDisplay()
 
 const refNav = ref()
 
-const menuShow = ref(false)
-
 /*
   ℹ️ Close overlay side when route is changed
   Close overlay vertical nav when link is clicked
@@ -39,13 +37,6 @@ const updateIsVerticalNavScrolled = (val: boolean) => (isVerticalNavScrolled.val
 function handleNavScroll(evt: Event) {
   isVerticalNavScrolled.value = (evt.target as HTMLElement).scrollTop > 0
 }
-
-onMounted(() => {
-  // 1秒钟后再显示
-  setTimeout(() => {
-    menuShow.value = true
-  }, 1000)
-})
 </script>
 
 <template>
@@ -62,7 +53,9 @@ onMounted(() => {
     ]"
   >
     <!-- 👉 Header -->
-    <div class="nav-header">
+    <div
+      class="nav-header"
+    >
       <slot name="nav-header">
         <RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper">
           <div class="d-flex" v-html="logo" />
@@ -79,15 +72,14 @@ onMounted(() => {
     <slot name="nav-items" :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled">
       <PerfectScrollbar
         tag="ul"
-        class="nav-items d-none d-lg-block"
+        class="d-none d-lg-block nav-items"
         :options="{ wheelPropagation: false }"
         @ps-scroll-y="handleNavScroll"
       >
         <slot />
       </PerfectScrollbar>
       <ul
-        v-show="menuShow"
-        class="nav-items d-lg-none overflow-auto"
+        class="d-lg-none overflow-auto nav-items"
       >
         <slot />
       </ul>

From 78c178b1f68d71f506d8e1cd22095a20046b7d45 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 19 Sep 2023 08:17:18 +0800
Subject: [PATCH 5/5] fix ui

---
 src/@layouts/components/VerticalNav.vue | 33 ++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index fc5ca835..6325cf5a 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -15,14 +15,9 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const { mdAndDown } = useDisplay()
-
 const refNav = ref()
-
-/*
-  ℹ️ Close overlay side when route is changed
-  Close overlay vertical nav when link is clicked
-*/
 const route = useRoute()
+const menuShow = ref(false)
 
 watch(
   () => route.path,
@@ -31,17 +26,43 @@ watch(
   },
 )
 
+// 是否滚动
 const isVerticalNavScrolled = ref(false)
 const updateIsVerticalNavScrolled = (val: boolean) => (isVerticalNavScrolled.value = val)
 
+// 滚动响应
 function handleNavScroll(evt: Event) {
   isVerticalNavScrolled.value = (evt.target as HTMLElement).scrollTop > 0
 }
+
+// 是否LG大屏幕
+const isLargeScreen = ref(false)
+// 检测屏幕大小
+function checkScreenSize() {
+  const screenWidth = window.innerWidth
+  isLargeScreen.value = screenWidth >= 1024
+}
+
+// 在组件挂载时执行检查
+onMounted(() => {
+  checkScreenSize()
+  if (!isLargeScreen.value) {
+    // 1秒后显示菜单
+    setTimeout(() => {
+      menuShow.value = true
+    }, 1000)
+  }
+  else {
+    // 立即显示菜单
+    menuShow.value = true
+  }
+})
 </script>
 
 <template>
   <Component
     :is="props.tag"
+    v-show="menuShow"
     ref="refNav"
     class="layout-vertical-nav touch-none"
     :class="[