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'" :type="collapsed ? 'menu-unfold' : 'menu-fold'"
@click="toggle"/> @click="toggle"/>
<span v-if="device === 'desktop'"> Linkage-Boot </span> <span v-if="device === 'desktop'"> </span>
<span v-else>Linkage-Boot</span> <span v-else></span>
<user-menu :theme="theme"/> <user-menu :theme="theme"/>
</div> </div>

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