| | |
| | | view-class="layout-main-scroll bg-[#1c1e1d] 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="{ |
| | |
| | | '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> |
| | |
| | | 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')); |
| | |
| | | const storesThemeConfig = useThemeConfig(); |
| | | const { themeConfig } = storeToRefs(storesThemeConfig); |
| | | const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes); |
| | | ; |
| | | // 设置 footer 显示/隐藏 |
| | | const isFooter = computed(() => { |
| | | return themeConfig.value.isFooter && !route.meta.isIframe; |
| | |
| | | }); |
| | | |
| | | //#region ====================== 侧边栏显示隐藏 ====================== |
| | | const sidebarIsShow = ref(!!Local.get('sidebarIsShow')); |
| | | const sidebarIsShow = ref(Local.get('sidebarIsShow') ?? true); |
| | | const toggleSidebar = (val) => { |
| | | console.log('🚀 ~ val:', val); |
| | | sidebarIsShow.value = val; |
| | | Local.set('sidebarIsShow', val); |
| | | }; |