Blame view

ant-design-vue-jeecg/src/components/tools/Logo.vue 1.34 KB
肖超群 authored
1
2
3
4
5
<template>
  <div class="logo">
    <router-link :to="routerLinkTo">

      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
肖超群 authored
6
7
      <img v-if="navTheme === 'dark'" src="~@/assets/huaheng.png" alt="logo">
      <img v-else src="~@/assets/huaheng.png" alt="logo">
肖超群 authored
8
9
10
11
12
13
14
15
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->

      <h1 v-if="showTitle">{{ title }}</h1>
    </router-link>
  </div>
</template>

<script>
肖超群 authored
16
import {mixin} from '@/utils/mixin.js'
肖超群 authored
17
肖超群 authored
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
export default {
  name: 'Logo',
  mixins: [mixin],
  props: {
    title: {
      type: String,
      default: 'WMS',
      required: false
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    },
    // 点击Logo跳转地址
    routerLinkTo: {
      type: Object,
      default: () => ({name: 'dashboard'}),
    },
肖超群 authored
37
  }
肖超群 authored
38
}
肖超群 authored
39
40
</script>
<style lang="less" scoped>
肖超群 authored
41
42
43
44
45
/*缩小首页布 局顶部的高度*/
@height: 59px;

.sider {
  box-shadow: none !important;
肖超群 authored
46
肖超群 authored
47
48
49
  .logo {
    height: @height !important;
    line-height: @height !important;
肖超群 authored
50
    box-shadow: none !important;
肖超群 authored
51
52
53
54
    transition: background 300ms;

    a {
      color: white;
肖超群 authored
55
肖超群 authored
56
57
      &:hover {
        color: rgba(255, 255, 255, 0.8);
肖超群 authored
58
59
      }
    }
肖超群 authored
60
  }
肖超群 authored
61
肖超群 authored
62
63
  &.light .logo {
    background-color: @primary-color;
肖超群 authored
64
  }
肖超群 authored
65
}
肖超群 authored
66
</style>