feat: support logo text slot (#5872)
* 基础布局中的LOGO的文字区域允许通过插槽logo-text定制
This commit is contained in:
parent
384c5d7dbb
commit
d216fdca44
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user