From 0ad399d1b125cdcad2e98c8c874d475b054485dc Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 07 十一月 2024 14:51:29 +0800
Subject: [PATCH] 分享模式
---
src/layout/component/main.vue | 25 ++++++++++++++++++-------
1 files changed, 18 insertions(+), 7 deletions(-)
diff --git a/src/layout/component/main.vue b/src/layout/component/main.vue
index dd5c594..b80aa1e 100644
--- a/src/layout/component/main.vue
+++ b/src/layout/component/main.vue
@@ -9,9 +9,18 @@
wrap-class="layout-main-scroll flex"
view-class="layout-main-scroll bg-[#1c1e1d] flex h100 w-full"
>
- <SideBar />
- <div class="flex-auto flex-col flex right-container">
- <Header class="flex-0" />
+ <SideBar v-if="chatDisplayMode === 'default'" />
+ <div
+ class="flex-auto flex-col flex right-container"
+ :class="{
+ 'm-[6px]': chatDisplayMode === 'default',
+ 'rounded-[10px]': chatDisplayMode === 'default',
+ 'bg-[#1c1e1d]': chatDisplayMode === 'default',
+ 'bg-[#f7f8fa]': chatDisplayMode === 'share',
+ }"
+ >
+ <Header v-if="chatDisplayMode === 'default'" class="flex-0" />
+ <ShareHeader v-else class="flex-0"></ShareHeader>
<LayoutParentView class="flex-auto" />
</div>
</el-scrollbar>
@@ -24,15 +33,17 @@
import { computed, defineAsyncComponent, onMounted, ref } from 'vue';
import { useRoute } from 'vue-router';
import Header from './header/Header.vue';
+import ShareHeader from './header/ShareHeader.vue';
+
import SideBar from './sidebar/Sidebar.vue';
import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
import { useThemeConfig } from '/@/stores/themeConfig';
import { NextLoading } from '/@/utils/loading';
+import { chatDisplayMode } from '/@/stores/chatRoom';
// 寮曞叆缁勪欢
const LayoutParentView = defineAsyncComponent(() => import('/@/layout/routerView/parent.vue'));
const LayoutFooter = defineAsyncComponent(() => import('/@/layout/footer/index.vue'));
-
// 瀹氫箟鍙橀噺鍐呭
const layoutMainScrollbarRef = ref();
const route = useRoute();
@@ -80,9 +91,9 @@
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
- background-color: #1c1e1d;
+ // background-color: #1c1e1d;
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
- margin: 6px;
- border-radius: 10px;
+ // margin: 6px;
+ // border-radius: 10px;
}
</style>
--
Gitblit v1.9.3