Ben Lin
2024-06-18 ebbd788fbb2c0b45d4473798efc57eec8ba74a25
src/components/Application/src/AppLogo.vue
@@ -1,28 +1,31 @@
<!--
 * @Description: file content
 * @Author: your name
 * @version:
 * @Date: 2024-06-17 14:51:25
 * @LastEditors: your name
 * @LastEditTime: 2024-06-17 18:35:54
-->
<!--
 * @Author: Vben
 * @Description: logo component
-->
<template>
  <div class="anticon" :class="getAppLogoClass" @click="goHome">
    <img src="../../../assets/images/logo.png" />
    <!-- <div class="ml-2 truncate md:opacity-100 text-3xl" :class="getTitleClass" v-show="showTitle">
    <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
      {{ title }}
    </div>
    <div class="ml-2 truncate md:opacity-100 text-3xl" :class="getTitleClass" v-show="showTitle">
      {{t('')}}
    </div> -->
  </div>
</template>
<script lang="ts" setup>
  import { computed, unref } from 'vue';
  import { useI18n } from '/@/hooks/web/useI18n';
  import { useGlobSetting } from '/@/hooks/setting';
  import { useGo } from '/@/hooks/web/usePage';
  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
  import { useDesign } from '/@/hooks/web/useDesign';
  import { PageEnum } from '/@/enums/pageEnum';
  import { useUserStore } from '/@/store/modules/user';
  import { useGlobSetting } from '@/hooks/setting';
  import { useGo } from '@/hooks/web/usePage';
  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
  import { useDesign } from '@/hooks/web/useDesign';
  import { PageEnum } from '@/enums/pageEnum';
  import { useUserStore } from '@/store/modules/user';
  const props = defineProps({
    /**
@@ -32,7 +35,7 @@
    /**
     * Whether to show title
     */
    showTitle: { type: Boolean, default: true },
    showTitle: { type: Boolean, default: false },
    /**
     * The title is also displayed when the menu is collapsed
     */
@@ -43,7 +46,6 @@
  const { getCollapsedShowTitle } = useMenuSetting();
  const userStore = useUserStore();
  const { title } = useGlobSetting();
  const { t } = useI18n();
  const go = useGo();
  const getAppLogoClass = computed(() => [
@@ -87,12 +89,11 @@
    &.dark &__title {
      color: @white;
      font-size: 16px;
    }
    &__title {
      transition: all 0.5s;
      // font-size: 16px;
      font-size: 16px;
      font-weight: 700;
      line-height: normal;
    }