分享模式

wujingjing

2024-11-07 0ad399d1b125cdcad2e98c8c874d475b054485dc

 src/layout/component/main.vue

@@ -9,12 +9,20 @@
         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">
            <waterHeader 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>
         <!-- <LayoutFooter v-if="isFooter" /> -->
      </el-scrollbar>
      <el-backtop :target="setBacktopClass" />
   </el-main>
@@ -24,16 +32,18 @@
import { storeToRefs } from 'pinia';
import { computed, defineAsyncComponent, onMounted, ref } from 'vue';
import { useRoute } from 'vue-router';
import waterHeader from './header/Header.vue';
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();
@@ -81,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>