no message

Former-commit-id: cce17961724bbc8171fd73c1403568d4e912f262
Former-commit-id: c5bfe1db039d310d51113e4c7e88be3f834508a2
Former-commit-id: e1522dfc3e74b2bd4c4badc35f305d3e2fca9ae3
This commit is contained in:
liyang
2018-06-04 09:46:53 +08:00
parent 8dd52f76c0
commit 0a7223a9c9

View File

@@ -6,22 +6,22 @@
<img v-if="collapse" src="@/assets/image/logo/header-icon-only.png">
<img v-else src="@/assets/image/logo/header.png">
</div>
<div class="toggle-sidemenu-btn" @click="toggleAside">
<Icon name="bars"></Icon>
<div class="toggle-sidemenu-btn" @click="collapse = !collapse">
<Icon name="bars"/>
</div>
<HeaderMenu></HeaderMenu>
<HeaderRight></HeaderRight>
<HeaderMenu/>
<HeaderRight/>
</el-header>
<!-- 下面 主体 -->
<el-container>
<!-- 主体 侧边栏 -->
<el-aside :style="{width: collapse ? asideWidthCollapse : asideWidth}">
<SideMenu :collapse="collapse"></SideMenu>
<SideMenu :collapse="collapse"/>
</el-aside>
<!-- 主体 -->
<el-main>
<transition name="fade-transverse">
<router-view></router-view>
<router-view/>
</transition>
</el-main>
</el-container>
@@ -39,15 +39,11 @@ export default {
return {
theme: 'classic',
collapse: false,
// 侧边栏宽度
// [侧边栏宽度] 正常状态
asideWidth: '200px',
// [侧边栏宽度] 折叠状态
asideWidthCollapse: '65px'
}
},
methods: {
toggleAside () {
this.collapse = !this.collapse
}
}
}
</script>
@@ -56,4 +52,3 @@ export default {
// 主题
@import '~@/assets/style/theme/classic.scss';
</style>