From 75e6912a8d93725e1038d1ecd9c1438ec223f2ca Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 14 十一月 2024 14:38:10 +0800
Subject: [PATCH] refactor(layout): 重构布局组件并优化登录功能
---
src/layout/component/main.vue | 13 +++++++------
1 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/src/layout/component/main.vue b/src/layout/component/main.vue
index ae57df5..c497846 100644
--- a/src/layout/component/main.vue
+++ b/src/layout/component/main.vue
@@ -9,7 +9,7 @@
wrap-class="layout-main-scroll flex"
view-class="layout-main-scroll bg-[#1c1e1d] flex h100 w-full"
>
- <SideBar v-if="!isSharePage && sidebarIsShow" :isShow="sidebarIsShow" @toggleSidebar="toggleSidebar"/>
+ <SideBar v-if="!isSharePage && sidebarIsShow" :isShow="sidebarIsShow" @toggleSidebar="toggleSidebar" />
<div
class="flex-auto flex-col flex right-container"
:class="{
@@ -19,10 +19,11 @@
'bg-[#f7f8fa]': isSharePage,
}"
>
- <Header v-if="!isSharePage" class="flex-0" @toggleSidebar="toggleSidebar" :sidebarIsShow="sidebarIsShow"/>
+ <Header v-if="!isSharePage" class="flex-0" @toggleSidebar="toggleSidebar" :sidebarIsShow="sidebarIsShow" />
<ShareHeader v-else class="flex-0"></ShareHeader>
<LayoutParentView class="flex-auto" />
</div>
+ <Login v-show="isShowLogin" />
</el-scrollbar>
<el-backtop :target="setBacktopClass" />
</el-main>
@@ -36,12 +37,12 @@
import ShareHeader from './header/ShareHeader.vue';
import SideBar from './sidebar/Sidebar.vue';
+import { isSharePage, isShowLogin } from '/@/stores/chatRoom';
import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
import { useThemeConfig } from '/@/stores/themeConfig';
import { NextLoading } from '/@/utils/loading';
-import { isSharePage } from '/@/stores/chatRoom';
import { Local } from '/@/utils/storage';
-
+import Login from './login/Login.vue';
// 寮曞叆缁勪欢
const LayoutParentView = defineAsyncComponent(() => import('/@/layout/routerView/parent.vue'));
const LayoutFooter = defineAsyncComponent(() => import('/@/layout/footer/index.vue'));
@@ -52,7 +53,7 @@
const storesThemeConfig = useThemeConfig();
const { themeConfig } = storeToRefs(storesThemeConfig);
const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
-
+;
// 璁剧疆 footer 鏄剧ず/闅愯棌
const isFooter = computed(() => {
return themeConfig.value.isFooter && !route.meta.isIframe;
@@ -87,7 +88,7 @@
const sidebarIsShow = ref(!!Local.get('sidebarIsShow'));
const toggleSidebar = (val) => {
sidebarIsShow.value = val;
- Local.set('sidebarIsShow',val)
+ Local.set('sidebarIsShow', val);
};
//#endregion
</script>
--
Gitblit v1.9.3