feat: 新增logo铺满显示和是否显示text配置 (#8102)
* feat: 新增logo铺满显示和是否显示text配置 * feat: logo.enable=false时隐藏logo区域占位;设置logoMode、showText为必填。 * style: 修复注释问题 * fix: 删除多余属性
This commit is contained in:
@@ -118,6 +118,15 @@ const logoTheme = computed(() => {
|
||||
return showLogoInHeader ? headerTheme.value : sidebarTheme.value;
|
||||
});
|
||||
|
||||
/**
|
||||
* layout-sidebar扩展区域插槽extra-title的高度
|
||||
*/
|
||||
const sidebarExtraTitleHeight = computed<number | undefined>(() => {
|
||||
const showSideExtraTitle =
|
||||
preferences.logo.enable && preferences.logo.showText;
|
||||
return showSideExtraTitle ? undefined : 0;
|
||||
});
|
||||
|
||||
const {
|
||||
handleMenuSelect,
|
||||
handleMenuOpen,
|
||||
@@ -253,12 +262,14 @@ const headerSlots = computed(() => {
|
||||
:sidebar-expand-on-hover="preferences.sidebar.expandOnHover"
|
||||
:sidebar-extra-collapse="preferences.sidebar.extraCollapse"
|
||||
:sidebar-extra-collapsed-width="preferences.sidebar.extraCollapsedWidth"
|
||||
:sidebar-extra-title-height="sidebarExtraTitleHeight"
|
||||
:sidebar-hidden="preferences.sidebar.hidden"
|
||||
:sidebar-mixed-width="preferences.sidebar.mixedWidth"
|
||||
:sidebar-theme="sidebarTheme"
|
||||
:sidebar-theme-sub="sidebarThemeSub"
|
||||
:sidebar-width="preferences.sidebar.width"
|
||||
:side-collapse-width="preferences.sidebar.collapseWidth"
|
||||
:sidebar-logo-visible="preferences.logo.enable"
|
||||
:tabbar-enable="preferences.tabbar.enable"
|
||||
:tabbar-height="preferences.tabbar.height"
|
||||
:z-index="preferences.app.zIndex"
|
||||
@@ -292,6 +303,9 @@ const headerSlots = computed(() => {
|
||||
:src="preferences.logo.source"
|
||||
:src-dark="preferences.logo.sourceDark"
|
||||
:text="preferences.app.name"
|
||||
:show-text="preferences.logo.showText"
|
||||
:logo-mode="preferences.logo.logoMode"
|
||||
:full-logo-height="preferences.logo.fullLogoHeight"
|
||||
:theme="logoTheme"
|
||||
@click="clickLogo"
|
||||
>
|
||||
@@ -382,6 +396,7 @@ const headerSlots = computed(() => {
|
||||
<VbenLogo
|
||||
v-if="preferences.logo.enable"
|
||||
:fit="preferences.logo.fit"
|
||||
:show-text="preferences.logo.showText"
|
||||
:text="preferences.app.name"
|
||||
:theme="sidebarThemeSub"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user