| | |
| | | > |
| | | <el-scrollbar |
| | | ref="layoutMainScrollbarRef" |
| | | class="layout-main-scroll layout-backtop-header-fixed" |
| | | 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" |
| | | > |
| | | <SideBar /> |
| | | <div class="flex-auto flex-col flex right-container"> |
| | | <waterHeader class="flex-0"/> |
| | | <Header class="flex-0" /> |
| | | <LayoutParentView class="flex-auto" /> |
| | | </div> |
| | | <!-- <LayoutFooter v-if="isFooter" /> --> |
| | | </el-scrollbar> |
| | | <el-backtop :target="setBacktopClass" /> |
| | | </el-main> |
| | | </template> |
| | | |
| | | <script setup lang="ts" name="layoutMain"> |
| | | import { defineAsyncComponent, onMounted, computed, ref } from 'vue'; |
| | | import { useRoute } from 'vue-router'; |
| | | import { storeToRefs } from 'pinia'; |
| | | import { computed, defineAsyncComponent, onMounted, ref } from 'vue'; |
| | | import { useRoute } from 'vue-router'; |
| | | import Header from './header/Header.vue'; |
| | | import SideBar from './sidebar/Sidebar.vue'; |
| | | 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')); |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .right-container{ |
| | | .right-container { |
| | | width: 100vw; |
| | | // margin: 0; |
| | | padding: 0; |
| | |
| | | font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; |
| | | margin: 6px; |
| | | border-radius: 10px; |
| | | |
| | | } |
| | | </style> |