From 56ffda6e316007b934e472d8d2060f52ab120399 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Wed, 12 Jan 2022 00:22:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(Layout/index.vue):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=97=A0=E6=B3=95=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 64bd76ba..6d6ede65 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -16,22 +16,14 @@
 </template>
 
 <script setup lang="ts">
-import {computed, watchEffect,markRaw } from "vue"
+import {computed, watchEffect } from "vue"
 import {useWindowSize} from '@vueuse/core'
-import {AppMain, Navbar, Settings,TagsView} from './components/index.ts'
+import {AppMain, Navbar, Settings,TagsView} from './components/index'
 import Sidebar from './components/Sidebar/index.vue'
 
 import {useAppStoreHook} from "@/store/modules/app"
 import {useSettingStoreHook} from "@/store/modules/settings"
 
-const classObj = computed(() => ({
-  hideSidebar: !useAppStoreHook().sidebar.opened,
-  openSidebar: useAppStoreHook().sidebar.opened,
-  withoutAnimation: useAppStoreHook().sidebar.withoutAnimation,
-  mobile: useAppStoreHook().device === 'mobile'
-}))
-
-
 const {width, height} = useWindowSize();
 const WIDTH = 992
 
@@ -40,10 +32,16 @@ const device = computed(() => useAppStoreHook().device);
 const needTagsView = computed(() => useSettingStoreHook().tagsView);
 const fixedHeader = computed(() => useSettingStoreHook().fixedHeader);
 
+const classObj = computed(() => ({
+  hideSidebar: !sidebar.value.opened,
+  openSidebar: sidebar.value.opened,
+  withoutAnimation: sidebar.value.withoutAnimation,
+  mobile: device.value === 'mobile'
+}))
+
+
 watchEffect(() => {
-  if (device.value === 'mobile' && sidebar.value.opened == true) {
-    useAppStoreHook().closeSideBar(false)
-  }
+
   if (width.value < WIDTH) {
     useAppStoreHook().toggleDevice("mobile")
     useAppStoreHook().closeSideBar(true)