feat: support logo text slot (#5872)

* 基础布局中的LOGO的文字区域允许通过插槽logo-text定制
This commit is contained in:
Netfan 2025-04-05 13:07:52 +08:00 committed by GitHub
parent 384c5d7dbb
commit d216fdca44
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 8 deletions

View File

@ -55,12 +55,13 @@ withDefaults(defineProps<Props>(), {
:size="logoSize" :size="logoSize"
class="relative rounded-none bg-transparent" class="relative rounded-none bg-transparent"
/> />
<span <template v-if="!collapsed">
v-if="!collapsed" <slot name="text">
class="text-foreground truncate text-nowrap font-semibold" <span class="text-foreground truncate text-nowrap font-semibold">
> {{ text }}
{{ text }} </span>
</span> </slot>
</template>
</a> </a>
</div> </div>
</template> </template>

View File

@ -228,7 +228,11 @@ const headerSlots = computed(() => {
:text="preferences.app.name" :text="preferences.app.name"
:theme="showHeaderNav ? headerTheme : theme" :theme="showHeaderNav ? headerTheme : theme"
@click="clickLogo" @click="clickLogo"
/> >
<template v-if="$slots['logo-text']" #text>
<slot name="logo-text"></slot>
</template>
</VbenLogo>
</template> </template>
<!-- 头部区域 --> <!-- 头部区域 -->
<template #header> <template #header>
@ -310,7 +314,11 @@ const headerSlots = computed(() => {
v-if="preferences.logo.enable" v-if="preferences.logo.enable"
:text="preferences.app.name" :text="preferences.app.name"
:theme="theme" :theme="theme"
/> >
<template v-if="$slots['logo-text']" #text>
<slot name="logo-text"></slot>
</template>
</VbenLogo>
</template> </template>
<template #tabbar> <template #tabbar>