element ui 固定aside-header-footer

固定aside-header-footer 只让main 主内容滑动

<template>
  <el-container>
    <NavAside></NavAside>
    <el-container direction="vertical">
      <NavHeader></NavHeader>
      <router-view></router-view>
      <NavFooter></NavFooter>
    </el-container>
  </el-container>
</template>

<script>
import NavAside from "@/components/home/NavAside";
import NavHeader from "@/components/home/NavHeader";
import NavFooter from "@/components/home/NavFooter";

export default {
  name: "NavHome",
  components: {NavFooter, NavHeader, NavAside}
}
</script>

<style scoped>
.el-header {
  padding: 0;
}

.el-main {
  padding: 0 16px !important;
  height: calc(100vh - 120px);
  overflow-y: auto;
}

.el-aside {
  line-height: 100vh;
}
</style>
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
THE END
分享
二维码
< <上一篇
下一篇>>