| | |
| | | import { computed, onMounted, ref, unref, watch } from 'vue' |
| | | import { useAppStore } from '@/store/modules/app' |
| | | import { useDesign } from '@/hooks/web/useDesign' |
| | | import * as authUtil from "@/utils/auth"; |
| | | |
| | | defineOptions({ name: 'Logo' }) |
| | | |
| | |
| | | |
| | | const show = ref(true) |
| | | |
| | | const homePath = ref('/index') |
| | | |
| | | const title = computed(() => appStore.getTitle) |
| | | |
| | | const layout = computed(() => appStore.getLayout) |
| | | |
| | | const collapse = computed(() => appStore.getCollapse) |
| | | |
| | | homePath.value = '/index' |
| | | |
| | | onMounted(() => { |
| | | if (unref(collapse)) show.value = false |
| | |
| | | layout !== 'classic' ? `${prefixCls}__Top` : '', |
| | | 'flex !h-[var(--logo-height)] items-center cursor-pointer pl-8px relative decoration-none overflow-hidden' |
| | | ]" |
| | | to="/" |
| | | :to="homePath" |
| | | > |
| | | <img |
| | | class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]" |