|
|
@ -2,11 +2,11 @@ |
|
|
|
<div class="sidebar-logo-container"> |
|
|
|
<transition name="sidebarLogoFade"> |
|
|
|
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/"> |
|
|
|
<img v-if="logo&&showLogo" :src="logo" class="sidebar-logo"> |
|
|
|
<img v-if="logo&&showLogo" src="/logoSmall.png"> |
|
|
|
<h1 v-else class="sidebar-title">{{ title }} </h1> |
|
|
|
</router-link> |
|
|
|
<router-link v-else key="expand" class="sidebar-logo-link" to="/"> |
|
|
|
<img v-if="logo&&showLogo" :src="logo" class="sidebar-logo"> |
|
|
|
<img v-if="logo&&showLogo" src="/logo.png" class="sidebar-logo"> |
|
|
|
<h1 class="sidebar-title">{{ title }} </h1> |
|
|
|
</router-link> |
|
|
|
</transition> |
|
|
@ -15,6 +15,8 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import store from '@/stores' |
|
|
|
import getPageTitle from '@/utils/get-page-title' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'SidebarLogo', |
|
|
|
setup() { |
|
|
@ -34,7 +36,7 @@ export default { |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
title: 'Vue Admin Template', |
|
|
|
title: getPageTitle(), |
|
|
|
logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png' |
|
|
|
} |
|
|
|
} |
|
|
@ -64,8 +66,7 @@ export default { |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
& .sidebar-logo { |
|
|
|
width: 32px; |
|
|
|
height: 32px; |
|
|
|
width: 100px; |
|
|
|
vertical-align: middle; |
|
|
|
margin-right: 12px; |
|
|
|
} |
|
|
|