Files
dolphin-frontend/src/layouts/BasicLayout/components/common/GlobalLogo.vue

20 lines
621 B
Vue

<template>
<a href="/" class="nowrap-hidden flex-center h-64px cursor-pointer">
<img src="@/assets/img/common/logo.png" alt="" class="w-32px h-32px" />
<h2 v-show="showTitle" class="pl-8px text-16px text-primary font-bold">{{ title }}</h2>
</a>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import { useAppStore, useThemeStore } from '@/store';
import { useAppTitle } from '@/hooks';
const app = useAppStore();
const theme = useThemeStore();
const title = useAppTitle();
const showTitle = computed(() => !app.menu.collapsed || !theme.isVerticalNav);
</script>
<style scoped></style>