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