feat: 更新管理端品牌 Logo 体系

- 替换主标、暗色主标、收起图标、单色版与 favicon 资源

- 新增暗色收起图标接入能力,补齐公共 logo 配置回退链路

- 增加品牌预览页,集中展示浅色、黑场和应用场景效果
This commit is contained in:
2026-03-07 20:59:46 +08:00
parent a93f7ca216
commit 887718d255
13 changed files with 835 additions and 45 deletions

View File

@@ -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