mirror of https://github.com/halo-dev/halo-admin
ruibaby
6 years ago
6 changed files with 63 additions and 37 deletions
@ -1,31 +1,20 @@
|
||||
<template> |
||||
<div class="logo"> |
||||
<router-link :to="{ name:'Dashboard' }"> |
||||
<LogoSvg alt="logo" /> |
||||
<h1 v-if="showTitle">{{ title }}</h1> |
||||
<h1 class="logo-title">Halo</h1> |
||||
<h1 class="logo-sub-title">Dashboard</h1> |
||||
</router-link> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import LogoSvg from '@/assets/logo.svg?inline' |
||||
|
||||
export default { |
||||
name: 'Logo', |
||||
components: { |
||||
LogoSvg |
||||
}, |
||||
props: { |
||||
title: { |
||||
type: String, |
||||
default: 'Halo Dashboard', |
||||
required: false |
||||
}, |
||||
showTitle: { |
||||
type: Boolean, |
||||
default: true, |
||||
required: false |
||||
} |
||||
} |
||||
name: 'Logo' |
||||
} |
||||
</script> |
||||
|
||||
<style scope> |
||||
.logo-sub-title{ |
||||
padding-left: 10px; |
||||
} |
||||
</style> |
||||
|
@ -0,0 +1,40 @@
|
||||
<template> |
||||
<div class="side-profile"> |
||||
<router-link :to="{ name:'Dashboard' }"> |
||||
<a-avatar class="avatar" size="large" src="https://gravatar.loli.net/avatar/?s=256&d=mm"/> |
||||
</router-link> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
export default { |
||||
name: 'SideProfile', |
||||
props: { |
||||
title: { |
||||
type: String, |
||||
default: 'Halo Dashboard', |
||||
required: false |
||||
}, |
||||
showTitle: { |
||||
type: Boolean, |
||||
default: true, |
||||
required: false |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scope> |
||||
.sider .side-profile { |
||||
left: 0; |
||||
width: 100%; |
||||
height: 72px; |
||||
line-height: 72px; |
||||
padding-left: 24px; |
||||
-webkit-transition: all 0.3s; |
||||
transition: all 0.3s; |
||||
overflow: hidden; |
||||
z-index: 9; |
||||
} |
||||
</style> |
Loading…
Reference in new issue