|
|
@@ -1,36 +1,31 @@
|
|
|
<template>
|
|
|
+ <el-menu
|
|
|
+ :default-active="activeIndex"
|
|
|
+ class="el-menu-demo"
|
|
|
+ mode="horizontal"
|
|
|
+ background-color="#545c64"
|
|
|
+ text-color="#fff"
|
|
|
+ active-text-color="#ffd04b"
|
|
|
+ router>
|
|
|
+ <el-menu-item index="/">主页</el-menu-item>
|
|
|
+ <el-menu-item index="/edit">写文章</el-menu-item>
|
|
|
+ </el-menu>
|
|
|
<el-container>
|
|
|
- <el-aside style="width: 20%;">
|
|
|
- <el-container>
|
|
|
- <el-header></el-header>
|
|
|
- <el-main>
|
|
|
- <el-menu :default-active="activeIndex" mode="vertical" class="el-menu" router>
|
|
|
- <el-affix>
|
|
|
- <el-menu-item index="/">主页</el-menu-item>
|
|
|
- <el-menu-item index="/edit">写文章</el-menu-item>
|
|
|
- </el-affix>
|
|
|
- </el-menu>
|
|
|
- </el-main>
|
|
|
- </el-container>
|
|
|
- </el-aside>
|
|
|
- <el-container>
|
|
|
- <el-header></el-header>
|
|
|
- <el-main>
|
|
|
- <router-view/>
|
|
|
- </el-main>
|
|
|
- </el-container>
|
|
|
+ <el-main>
|
|
|
+ <router-view></router-view>
|
|
|
+ </el-main>
|
|
|
</el-container>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
+ components: {},
|
|
|
data () {
|
|
|
return {
|
|
|
activeIndex: '/'
|
|
|
}
|
|
|
},
|
|
|
- methods: {
|
|
|
- }
|
|
|
+ methods: {}
|
|
|
}
|
|
|
</script>
|
|
|
|
