| | |
| | | <!-- |
| | | * @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({ |
| | | /** |
| | |
| | | /** |
| | | * Whether to show title |
| | | */ |
| | | showTitle: { type: Boolean, default: true }, |
| | | showTitle: { type: Boolean, default: false }, |
| | | /** |
| | | * The title is also displayed when the menu is collapsed |
| | | */ |
| | |
| | | const { getCollapsedShowTitle } = useMenuSetting(); |
| | | const userStore = useUserStore(); |
| | | const { title } = useGlobSetting(); |
| | | const { t } = useI18n(); |
| | | const go = useGo(); |
| | | |
| | | const getAppLogoClass = computed(() => [ |
| | |
| | | |
| | | &.dark &__title { |
| | | color: @white; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | &__title { |
| | | transition: all 0.5s; |
| | | // font-size: 16px; |
| | | font-size: 16px; |
| | | font-weight: 700; |
| | | line-height: normal; |
| | | } |