cd-work-flow-web/src/components/tools/Logo.vue

<template>
  <div class="logo">
    <router-link :to="{name:'dashboard'}">

      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
      <!-- <img v-if="navTheme === 'dark'" src="~@/assets/logo-cd.png" alt="logo">
      <img v-else src="~@/assets/logo-cd-left.png" alt="logo"> -->
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->

      <!-- <h1 v-if="showTitle">{{ title }}</h1> -->

      <!-- <img v-if="showTitle" src="~@/assets/logo-cd.png" alt="logo"> -->
      <!-- 技能博物馆 -->
      <!-- <img src="~@/assets/logo-cd-left1.png" alt="logo">
      <h1 >OA办公系统</h1>  -->
      <img :src="this.$store.state.logoUrl" alt="logo">
      <!-- <h1 >{{ dashboard }}</h1> -->
    </router-link>
  </div>
</template>

<script>
  import { mixin } from '@/utils/mixin.js'

  export default {
    name: 'Logo',
    mixins: [mixin],
    props: {
      title: {
        type: String,
        default: 'Jeecg-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;
      // background-color: #6bc5f3 !important;

     img {
       height: 40px !important;
       }

      a {
        color: white;
        &:hover {
          color: rgba(255, 255, 255, 0.8);
        }
      }
    }

    &.light .logo {
      background-color: @primary-color !important;
    }
  }
</style>