Blame view

juvenile-prosecution-vue/src/components/tools/Logo.vue 983 Bytes
6c637641   wxy   no message
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
  <template>
    <div class="logo">
      <router-link :to="{name:'dashboard'}">
        <h1 v-if="showTitle">{{ title }}</h1>
      </router-link>
    </div>
  </template>
  
  <script>
    import { mixin } from '@/utils/mixin.js'
  
    export default {
      name: 'Logo',
      mixins: [mixin],
      props: {
        title: {
          type: String,
          default: 'Boot Pro',
          required: false
        },
        showTitle: {
          type: Boolean,
          default: true,
          required: false
        }
      }
    }
  </script>
  <style lang="less" scoped>
    /*缩小首页布 局顶部的高度*/
    @height: 59px;
  
    .sider {
      box-shadow: none !important;
      .logo {
        height: @height !important;
        line-height: @height !important;
        box-shadow: none !important;
        transition: background 300ms;
  
        a {
          color: white;
          &:hover {
            color: rgba(255, 255, 255, 0.8);
          }
        }
      }
  
      &.light .logo {
        background-color: @primary-color;
      }
    }
  </style>