<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-white.png" alt="logo">
      <img v-else src="~@/assets/logo.svg" alt="logo">-->
      <!-- <img src="~@/assets/logo1.svg" alt="logo"> -->
      <img src="~@/assets/logo2.png" alt="logo">
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->

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

<script>
import { mixin } from '@/utils/mixin.js'
import { configTitle } from "@/config/title"
export default {
  name: 'Logo',
  mixins: [mixin],
  props: {
    title: {
      type: String,
      default: '四川省材料梳理系统',
      required: false
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    }
  },
  data () {
    return {
      titleName: "四川省材料梳理系统",
    }
  },
  mounted () {
    let _this = this;
    _this.titleName = configTitle();
    document.title = configTitle();
  }
}
</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;
    padding-left: 12px;

    a {
      color: black;

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

  &.light .logo {
    background-color: @primary-color;
  }

  .logoTitle {
    font-size: 20px;
    font-weight: 700;
  }
}
</style>