blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-09-06 17:49:50 +08:00
Code Issues Releases Wiki Activity

refine

Browse Source
This commit is contained in:
Pan 2019-03-25 15:10:03 +08:00
parent 6e7289b751
commit 326e89dda3
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/layout/components/Sidebar/Logo.vue
View File

@ -1,11 +1,12 @@
<template>
<div class="sidebar-logo-container">
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img :src="logo" class="sidebar-logo">
<img v-if="logo" :src="logo" class="sidebar-logo">
<h1 v-else class="sidebar-title">{{ title }} </h1>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img :src="logo" class="sidebar-logo">
<img v-if="logo" :src="logo" class="sidebar-logo">
<h1 class="sidebar-title">{{ title }} </h1>
</router-link>
</transition>
@ -57,11 +58,12 @@ export default {
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-title {
display: inline-block;
margin: 0 0 0 12px;
margin: 0;
color: #fff;
font-weight: 600;
line-height: 50px;
@ -70,5 +72,11 @@ export default {
vertical-align: middle;
}
}
&.collapse {
.sidebar-logo {
margin-right: 0px;
}
}
}
</style>