sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 5a9d9c58234460964df2948403f554c57ff8e723
Former-commit-id: 3eabfb28fafa8a8e90e4ebeadcca79eb512c184b
Former-commit-id: 6b4197adfc81509b1bba73c09fa2a065b9858438
This commit is contained in:
李杨
2018-03-20 22:26:12 +08:00
parent e9567074da
commit 141d96b6a2
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/style/theme/default.scss
View File

@@ -20,10 +20,11 @@ $color: #409EFF;
.el-header { .el-header {
padding: 0px; padding: 0px;
.logo-group { .logo-group {
width: 200px; transition: width .3s;
float: left; float: left;
text-align: center; text-align: center;
img { img {
transition: all .3s;
height: 60px; height: 60px;
} }
} }

10
src/components/core/MainLayout/index.vue
View File

@@ -1,8 +1,9 @@
<template> <template>
<el-container class="layout-main" :class="theme"> <el-container class="layout-main" :class="theme">
<el-header> <el-header>
<div class="logo-group"> <div class="logo-group" :style="logoGroupStyle">
<img src="@/assets/image/logo/header.png"> <img :style="{opacity: collapse ? 1 : 0}" src="@/assets/image/logo/header-icon-only.png">
<img :style="{opacity: collapse ? 0 : 1}" src="@/assets/image/logo/header.png">
</div> </div>
<div class="toggle-sidemenu-btn" @click="toggleAside"> <div class="toggle-sidemenu-btn" @click="toggleAside">
<Icon name="bars"></Icon> <Icon name="bars"></Icon>
@@ -35,6 +36,11 @@ export default {
} }
}, },
computed: { computed: {
logoGroupStyle () {
return {
width: `${this.collapse ? '65' : '200'}px`
}
},
asideStyle () { asideStyle () {
return { return {
width: `${this.collapse ? '65' : '200'}px` width: `${this.collapse ? '65' : '200'}px`