dev
mhsnet 2 years ago
parent bc8c77dbbe
commit 8275dc9272

Binary file not shown.

Before

Width:  |  Height:  |  Size: 758 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 758 KiB

@ -17,8 +17,8 @@
:type="collapsed ? 'menu-unfold' : 'menu-fold'"
@click="toggle"/>
<span v-if="device === 'desktop'"> Linkage-Boot </span>
<span v-else>Linkage-Boot</span>
<span v-if="device === 'desktop'"> </span>
<span v-else></span>
<user-menu :theme="theme"/>
</div>

@ -1,10 +1,9 @@
<template>
<div class="logo">
<router-link :to="routerLinkTo">
<!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
<img v-if="navTheme === 'dark'" src="~@/assets/logo-white.png" alt="logo">
<!-- <img v-else src="~@/assets/logo.svg" alt="logo">-->
<img v-if="navTheme === 'dark'" src="~@/assets/logo-white.png" alt="logo" />
<img v-else src="~@/assets/logo.png" alt="logo" />
<!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
<h1 v-if="showTitle">{{ title }}</h1>
@ -13,52 +12,52 @@
</template>
<script>
import { mixin } from '@/utils/mixin.js'
import { mixin } from '@/utils/mixin.js'
export default {
name: 'Logo',
mixins: [mixin],
props: {
title: {
type: String,
default: 'Linkage-Boot Pro',
required: false
},
showTitle: {
type: Boolean,
default: true,
required: false
},
// Logo
routerLinkTo: {
type: Object,
default: () => ({name: 'dashboard'}),
},
}
}
export default {
name: 'Logo',
mixins: [mixin],
props: {
title: {
type: String,
default: '天台祥和',
required: false,
},
showTitle: {
type: Boolean,
default: true,
required: false,
},
// Logo
routerLinkTo: {
type: Object,
default: () => ({ name: 'dashboard' }),
},
},
}
</script>
<style lang="less" scoped>
/*缩小首页布 局顶部的高度*/
@height: 59px;
/*缩小首页布 局顶部的高度*/
@height: 59px;
.sider {
.sider {
box-shadow: none !important;
.logo {
height: @height !important;
line-height: @height !important;
box-shadow: none !important;
.logo {
height: @height !important;
line-height: @height !important;
box-shadow: none !important;
transition: background 300ms;
transition: background 300ms;
a {
color: white;
&:hover {
color: rgba(255, 255, 255, 0.8);
}
a {
color: white;
&:hover {
color: rgba(255, 255, 255, 0.8);
}
}
}
&.light .logo {
background-color: @primary-color;
}
&.light .logo {
background-color: @primary-color;
}
}
</style>
Loading…
Cancel
Save