feat: 更新管理端品牌 Logo 体系
- 替换主标、暗色主标、收起图标、单色版与 favicon 资源 - 新增暗色收起图标接入能力,补齐公共 logo 配置回退链路 - 增加品牌预览页,集中展示浅色、黑场和应用场景效果
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user