feat: 更新管理端品牌 Logo 体系
- 替换主标、暗色主标、收起图标、单色版与 favicon 资源 - 新增暗色收起图标接入能力,补齐公共 logo 配置回退链路 - 增加品牌预览页,集中展示浅色、黑场和应用场景效果
This commit is contained in:
@@ -68,6 +68,7 @@ const defaultPreferences: Preferences = {
|
||||
source: '/logo.svg',
|
||||
sourceDark: '/logoDark.svg',
|
||||
sourceMini: '/logoMini.svg',
|
||||
sourceMiniDark: '/logoMiniDark.svg',
|
||||
},
|
||||
navigation: {
|
||||
accordion: true,
|
||||
|
||||
@@ -150,6 +150,8 @@ interface LogoPreferences {
|
||||
sourceDark?: string;
|
||||
/** 侧边栏收起logo地址 (可选,若不设置则使用 source) */
|
||||
sourceMini?: string;
|
||||
/** 暗色主题下侧边栏收起logo地址 (可选,若不设置则使用 sourceMini/sourceDark/source) */
|
||||
sourceMiniDark?: string;
|
||||
}
|
||||
|
||||
interface NavigationPreferences {
|
||||
|
||||
@@ -34,6 +34,10 @@ interface Props {
|
||||
* @zh_CN 侧边栏收起时 Logo 图标 (可选,若不设置则使用 src)
|
||||
*/
|
||||
srcMini?: string;
|
||||
/**
|
||||
* @zh_CN 暗色主题下侧边栏收起时 Logo 图标 (可选,若不设置则按 srcMini/srcDark/src 回退)
|
||||
*/
|
||||
srcMiniDark?: string;
|
||||
/**
|
||||
* @zh_CN Logo 文本
|
||||
*/
|
||||
@@ -55,6 +59,7 @@ const props = withDefaults(defineProps<Props>(), {
|
||||
src: '',
|
||||
srcDark: '',
|
||||
srcMini: '',
|
||||
srcMiniDark: '',
|
||||
theme: 'light',
|
||||
fit: 'cover',
|
||||
});
|
||||
@@ -64,6 +69,9 @@ const props = withDefaults(defineProps<Props>(), {
|
||||
*/
|
||||
const logoSrc = computed(() => {
|
||||
if (props.collapsed) {
|
||||
if (props.theme === 'dark' && props.srcMiniDark) {
|
||||
return props.srcMiniDark;
|
||||
}
|
||||
return props.srcMini;
|
||||
}
|
||||
// 如果是暗色主题且提供了 srcDark,则使用暗色主题的 logo
|
||||
|
||||
@@ -261,6 +261,13 @@ const headerSlots = computed(() => {
|
||||
:src="preferences.logo.source"
|
||||
:src-dark="preferences.logo.sourceDark ?? preferences.logo.source ?? ''"
|
||||
:src-mini="preferences.logo.sourceMini ?? preferences.logo.source ?? ''"
|
||||
:src-mini-dark="
|
||||
preferences.logo.sourceMiniDark ??
|
||||
preferences.logo.sourceMini ??
|
||||
preferences.logo.sourceDark ??
|
||||
preferences.logo.source ??
|
||||
''
|
||||
"
|
||||
:text="preferences.app.name ?? ''"
|
||||
:theme="showHeaderNav ? headerTheme : theme"
|
||||
@click="clickLogo"
|
||||
@@ -355,6 +362,13 @@ const headerSlots = computed(() => {
|
||||
:src="preferences.logo.source"
|
||||
:src-dark="preferences.logo.sourceDark ?? preferences.logo.source ?? ''"
|
||||
:src-mini="preferences.logo.sourceMini ?? preferences.logo.source ?? ''"
|
||||
:src-mini-dark="
|
||||
preferences.logo.sourceMiniDark ??
|
||||
preferences.logo.sourceMini ??
|
||||
preferences.logo.sourceDark ??
|
||||
preferences.logo.source ??
|
||||
''
|
||||
"
|
||||
:text="preferences.app.name ?? ''"
|
||||
:theme="theme"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user