Files
cn-rdms-web/src/layouts/modules/global-logo/index.vue

29 lines
670 B
Vue

<script setup lang="ts">
import { $t } from '@/locales';
defineOptions({ name: 'GlobalLogo' });
interface Props {
/** Whether to show the title */
showTitle?: boolean;
}
withDefaults(defineProps<Props>(), {
showTitle: true
});
</script>
<template>
<RouterLink to="/" class="h-full w-full flex-y-center justify-start gap-8px nowrap-hidden px-12px">
<SystemLogo class="shrink-0 text-32px text-primary" />
<h2
v-show="showTitle"
class="min-w-0 flex-1-hidden ellipsis-text text-16px text-primary font-bold transition duration-300 ease-in-out"
>
{{ $t('system.title') }}
</h2>
</RouterLink>
</template>
<style scoped></style>