feat: 头部和菜单照ui图进行调整

罗广辉

2025-06-07 8d3f263508b9f2ee6ebf102beca4e6c447629976

 src/page/index/logo.vue

@@ -2,18 +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 class="logoImg" src="/img/bg/mainLogo.png" alt=""/>
      </span>
    </transition>
    <transition-group name="fade">
      <template v-if="getScreen(!isCollapse)">
        <div class="fadeStyle">
    <img class="img" src="/img/bg/mainLogo.png" alt="" width="50%" height="50%" />
    <!-- <span style="font-size: 20px;"  key="1">
        {{ this.parentDeptInfo.sysName }}
    </span> -->
</div>
      
          <img 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>
@@ -27,8 +28,7 @@
  data() {
    return {};
  },
  created() {
  },
  created() {},
  computed: {
    ...mapGetters(['isCollapse']),
    ...mapGetters(['userInfo']),
@@ -38,7 +38,28 @@
};
</script>
<style scoped lang="scss">
.avue-logo{
  box-shadow: none;
}
.avue-logo_subtitle{
  .logoImg{
    width: 80%;
  }
}
.fadeStyle {
display: flex; align-items: left; gap: 5px; margin: 8px 8px 10px 20px;
  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: 24px;
    color: #1C5CFF;
  }
}
</style>