router-view问题

wujingjing

2024-06-27 ad47a1e537163af2e9a3059ee488a88ae4025de6

 src/layout/component/main.vue

@@ -1,12 +1,19 @@
<template>
   <el-main class="layout-main" :style="isFixedHeader ? `height: calc(100% - ${setMainHeight})` : `minHeight: calc(100% - ${setMainHeight})`">
   <el-main
      class="layout-main"
      :style="isFixedHeader ? `height: calc(100% - ${setMainHeight})` : `minHeight: calc(100% - ${setMainHeight})`"
   >
      <el-scrollbar
         ref="layoutMainScrollbarRef"
         class="layout-main-scroll layout-backtop-header-fixed"
         wrap-class="layout-main-scroll"
         view-class="layout-main-scroll h100"
         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"
      >
         <LayoutParentView />
         <SideBar />
         <div class="flex-auto flex-col flex right-container">
            <waterHeader class="flex-0"/> 
            <LayoutParentView class="flex-auto" />
         </div>
         <!-- <LayoutFooter v-if="isFooter" /> -->
      </el-scrollbar>
      <el-backtop :target="setBacktopClass" />
@@ -20,6 +27,9 @@
import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
import { useThemeConfig } from '/@/stores/themeConfig';
import { NextLoading } from '/@/utils/loading';
import SideBar from './SideBar.vue';
import WIHeader from './WIHeader.vue';
import waterHeader from '/@/views/project/ch/home/component/waterRight/header.vue';

// 引入组件
const LayoutParentView = defineAsyncComponent(() => import('/@/layout/routerView/parent.vue'));
@@ -63,3 +73,19 @@
   layoutMainScrollbarRef,
});
</script>

<style scoped lang="scss">
.right-container{
   width: 100vw;
   // margin: 0;
   padding: 0;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background-color: #1c1e1d;
   font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   margin: 6px;
   border-radius: 10px;
	
}
</style>