Blame view

antis-ncc-admin/src/layout/functional/Logo.vue 836 Bytes
4aba9b59   wwk   1
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
  <template>
    <div class="functional-logo-container">
      <router-link class="sidebar-logo-link" to="/">
        <img src="@/assets/images/ncc2.png" class="sidebar-logo" v-if="slideClass==='lightWhite'" />
        <img src="@/assets/images/ncc1.png" class="sidebar-logo" v-else />
      </router-link>
    </div>
  </template>
  
  <script>
  import { mapState } from 'vuex'
  export default {
    name: 'SidebarLogo',
    computed: {
      ...mapState({
        slideClass: state => state.settings.slideClass,
      })
    },
  }
  </script>
  
  <style lang="scss" scoped>
  .functional-logo-container {
    width: 210px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    flex-shrink: 0;
    .sidebar-logo-link {
      height: 100%;
      width: 100%;
  
      .sidebar-logo {
        height: 100%;
        width: 100%;
      }
    }
  }
  </style>