From e98106b154c86d0bde671f14c9efb2c921919dbf Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期日, 19 一月 2025 14:11:46 +0800 Subject: [PATCH] 问题例子 --- src/layout/component/main.vue | 11 ++++++----- 1 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/layout/component/main.vue b/src/layout/component/main.vue index 2e90c45..c0bcfa2 100644 --- a/src/layout/component/main.vue +++ b/src/layout/component/main.vue @@ -7,19 +7,20 @@ ref="layoutMainScrollbarRef" class="layout-main-scroll layout-backtop-header-fixed" wrap-class="layout-main-scroll flex" - view-class="layout-main-scroll bg-[#1c1e1d] flex h100 w-full" + view-class="layout-main-scroll bg-[var(--color-bg-side)] flex h100 w-full" > <SideBar v-if="!isSharePage && sidebarIsShow" :isShow="sidebarIsShow" @toggleSidebar="toggleSidebar" /> + <SidebarOther v-if="!isSharePage && !sidebarIsShow" :isShow="!sidebarIsShow" @toggleSidebar="toggleSidebar" /> <div class="flex-auto flex-col flex right-container" :class="{ // 'm-[6px]': !isSharePage, // 'rounded-[10px]': !isSharePage, - 'bg-[#1c1e1d]': !isSharePage, + 'bg-[var(--color-bg-side)]': !isSharePage, 'bg-[#f7f8fa]': isSharePage, }" > - <Header v-if="!isSharePage" class="flex-0" @toggleSidebar="toggleSidebar" :sidebarIsShow="sidebarIsShow" /> + <Header v-if="!isSharePage" class="flex-0" :sidebarIsShow="sidebarIsShow" /> <ShareHeader v-else class="flex-0"></ShareHeader> <LayoutParentView class="flex-auto" /> </div> @@ -36,13 +37,14 @@ import Header from './header/Header.vue'; import ShareHeader from './header/ShareHeader.vue'; +import Login from './login/Login.vue'; import SideBar from './sidebar/Sidebar.vue'; +import SidebarOther from './sidebar/SidebarOther.vue'; import { isSharePage, isShowLogin } from '/@/stores/chatRoom'; import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes'; import { useThemeConfig } from '/@/stores/themeConfig'; import { NextLoading } from '/@/utils/loading'; 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')); @@ -53,7 +55,6 @@ const storesThemeConfig = useThemeConfig(); const { themeConfig } = storeToRefs(storesThemeConfig); const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes); -; // 璁剧疆 footer 鏄剧ず/闅愯棌 const isFooter = computed(() => { return themeConfig.value.isFooter && !route.meta.isIframe; -- Gitblit v1.9.3