?

<!--頁面主體布局--> <template><el-container class="layout"><!--頭部組件--><el-header class="element-header" style="height: 80px;line-height: 80px"><global-header /></el-header><el-container ><el-aside style="width: 14%"><side-menu /></el-aside><el-container style="width: 86%"><page-layout /></el-container></el-container></el-container> </template><script> import SideMenu from "./SideMenu"; import GlobalHeader from "./GlobalHeader"; import PageLayout from "./PageLayout"; export default {name: "GlobalLayout",components: {PageLayout,GlobalHeader,SideMenu} }; </script><style lang="scss" scoped> .layout {min-height: 100vh !important;overflow-x: hidden;background-color: #f2f6fa;.element-header {margin: 0;padding: 0;}.element-footer {padding: 0;} } </style>

運行結果

總結

以上是生活随笔為你收集整理的工作261:ele-layont布局使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。