zmc
2023-09-27 eeef5d4039d2b3fee6854ddc2789aa23232b2cfb
src/components/layout/AppLayout.vue
@@ -3,6 +3,10 @@
import  AppAside  from "./AppAside.vue";
import  AppHeader from "./AppHeader.vue"
  export default{
    components:[
    AppAside,
    AppHeader
    ],
    data(){
      return{
@@ -16,12 +20,12 @@
</script>
<template>
   <div class="common-layout">
    <div class="page-container">
    <el-container>
      <AppAside/>
      <el-container class="header-and-main">
        <AppHeader/>
        <el-main class="main-content">
        <el-main >
          <RouterView/>
        </el-main>
      </el-container>
@@ -34,12 +38,15 @@
.header-and-main {
  flex-direction: column;
  height: 100vh;
  min-width: 1445px;
}
// 垂直方向溢出区域禁止滚动
.el-main {
  background-color: #f4f4f5;
  padding: 0;
  overflow-y: hidden;
}
* {
  font-family: 'KaiGenGothicSC-Light';
}
</style>