无人机管理后台前端(已迁走)
罗广辉
2025-10-11 02409bfbe15f22fc3b5dccadabfd860a660a49d9
src/page/index/logo.vue
@@ -2,12 +2,19 @@
  <div class="avue-logo">
    <transition name="fade">
      <span v-if="getScreen(isCollapse)" class="avue-logo_subtitle" key="0">
        {{ website.logo }}
<!--        {{ website.logo }}-->
        <img v-if="!hideMenuTopLogo" class="logoImg" src="/img/bg/mainLogo.png" alt=""/>
      </span>
    </transition>
    <transition-group name="fade">
      <template v-if="getScreen(!isCollapse)">
        <span class="avue-logo_title" key="1">{{ website.indexTitle }} </span>
        <div class="fadeStyle">
<!--          <img v-if="!hideMenuTopLogo" class="logoImg" src="/img/bg/mainLogo.png" alt=""/>-->
          <div class="titleName">吉安市低空经济服务一体化平台</div>
          <!-- <span style="font-size: 20px;"  key="1">
              {{ this.parentDeptInfo.sysName }}
          </span> -->
        </div>
      </template>
    </transition-group>
  </div>
@@ -15,16 +22,47 @@
<script>
import { mapGetters } from 'vuex';
import getBaseConfig from '@/buildConfig/config';
const { hideMenuTopLogo } = getBaseConfig()
export default {
  name: 'logo',
  data() {
    return {};
    return {
      hideMenuTopLogo
    };
  },
  created() {},
  computed: {
    ...mapGetters(['isCollapse']),
    ...mapGetters(['userInfo']),
    ...mapGetters(['parentDeptInfo']),
  },
  methods: {},
};
</script>
<style scoped lang="scss">
.avue-logo{
  box-shadow: none;
}
.avue-logo_subtitle{
  .logoImg{
    width: 80%;
  }
}
.fadeStyle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  .logoImg{
    width: 50px;
    height: 20px;
  }
  .titleName{
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
    font-weight: 400;
    font-size: 16px;
    color: #1C5CFF;
  }
}
</style>