<template>
  <div class="logo">
    <router-link :to="{name:'dashboard'}">
      <img src="~@/assets/logoNew1.png" alt="logo">
      <span class="name">有腾投放管家</span>
      <!-- <h1 v-if="showTitle">{{ 有腾管家 }}</h1> -->
    </router-link>
  </div>
</template>

<script>
  export default {
    name: 'Logo',
    props: {
      title: {
        type: String,
        default: '',

        required: false
      },
      showTitle: {
        type: Boolean,
        default: false,

        required: false
      }
    }
  }
</script>
<style lang="scss" 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: #0B2040;
    }
  }
.logo{
  .name{
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #CED2D9;
    // line-height: 22px;
    margin-left: 20px;
    padding-left: 21px;
    position: relative;
  }
  .name::before{
    content: '';
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.31);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
  }
}
</style>
