mirror of https://github.com/halo-dev/halo-admin
parent
ad678283c9
commit
621e7918be
@ -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