elementui后台模板代码
时间: 2023-10-19 20:08:44 浏览: 132
以下是一个基本的 ElementUI 后台管理系统模板的代码示例:
```html
<template>
<div class="admin-dashboard">
<el-container>
<el-aside width="200px">
<!-- 侧边栏内容 -->
</el-aside>
<el-container>
<el-header>
<!-- 头部内容 -->
</el-header>
<el-main>
<!-- 主体内容 -->
</el-main>
</el-container>
</el-container>
</div>
</template>
<script>
export default {
name: 'AdminDashboard'
}
</script>
<style scoped>
.admin-dashboard {
height: 100vh;
}
.el-container {
height: 100%;
}
.el-aside {
background-color: #f0f0f0;
}
.el-header {
background-color: #f5f5f5;
}
.el-main {
padding: 20px;
}
</style>
```
这是一个基本的布局模板,其中包含了侧边栏、头部和主体部分。你可以根据自己的需求进行定制和扩展。记得在使用之前导入 ElementUI 的相关组件和样式。
阅读全文