no message

Former-commit-id: 5969ca450d30978cc805ed09dc41946398b36eab
Former-commit-id: 1d94428fb701106a0a4b2ea208d12f5d8ceb0a41
Former-commit-id: fcceb0bbdc4e00d2fa82284a6c690241d189d532
This commit is contained in:
李杨
2018-03-20 21:22:25 +08:00
parent ca928b99bd
commit c6db66e81a
3 changed files with 50 additions and 33 deletions

View File

@@ -64,6 +64,15 @@ $color: #409EFF;
.el-container { .el-container {
// 侧边栏 // 侧边栏
.el-aside { .el-aside {
.dd-side-menu-empty {
background-color: rgba(#000, .03);
margin: $margin;
margin-top: 0px;
border-radius: 4px;
line-height: 100px;
text-align: center;
color: $color-text-sub;
}
.el-menu { .el-menu {
background-color: transparent; background-color: transparent;
.el-menu-item { .el-menu-item {

View File

@@ -1,5 +1,7 @@
<template> <template>
<el-menu class="el-menu-demo" mode="horizontal"> <el-menu
class="el-menu-demo"
mode="horizontal">
<el-menu-item index="index" @click.native="active({name: 'index'})">首页</el-menu-item> <el-menu-item index="index" @click.native="active({name: 'index'})">首页</el-menu-item>
<el-menu-item <el-menu-item
v-for="(item, index) in menu" v-for="(item, index) in menu"

View File

@@ -1,5 +1,10 @@
<template> <template>
<el-menu class="el-menu-vertical-demo" v-bind="elMenu"> <div>
<el-menu
v-if="sideMenu.length > 0"
class="dd-side-menu"
:collapse="collapse"
:unique-opened="true">
<template v-for="(menu, index) in sideMenu"> <template v-for="(menu, index) in sideMenu">
<el-menu-item <el-menu-item
v-if="!menu.children" v-if="!menu.children"
@@ -28,6 +33,10 @@
</el-submenu> </el-submenu>
</template> </template>
</el-menu> </el-menu>
<div v-else class="dd-side-menu-empty">
没有菜单
</div>
</div>
</template> </template>
<script> <script>
@@ -38,10 +47,7 @@ export default {
return { return {
menu, menu,
router, router,
elMenu: { collapse: false
collapse: false,
uniqueOpened: true
}
} }
}, },
computed: { computed: {
@@ -53,7 +59,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.el-menu-vertical-demo:not(.el-menu--collapse) { .dd-side-menu:not(.el-menu--collapse) {
width: 200px; width: 200px;
min-height: 400px; min-height: 400px;
} }