antdesign pro 删除、修改左上角logo以及title《react》
文件夹结构
├── config # umi 配置,包含路由,构建等配置
├── mock # 本地模拟数据
├── public
│ └── favicon.png # Favicon
├── src
│ ├── assets # 本地静态资源
│ ├── components # 业务通用组件
│ ├── e2e # 集成测试用例
│ ├── layouts # 通用布局
│ ├── models # 全局 dva model
│ ├── pages # 业务页面入口和常用模板
│ ├── services # 后台接口服务
│ ├── utils # 工具库
│ ├── locales # 国际化资源
│ ├── global.less # 全局样式
│ └── global.ts # 全局 JS
├── tests # 测试工具
├── README.md
└── package.json
一、去除左上角logo以及修改删除title
ant design pro一般会通过 config\defaultSettings.ts 来控制标题和 Logo
- 在/config/defaultSettings.ts去除logo内容以及修改删除title
const settings: LayoutSettings & {
pwa?: boolean;
logo?: string;
} = {
// 修改左上角的 logo
//logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
// 设置标题的 title
title: 'Ant Design Pro',
navTheme: 'light',
// 拂晓蓝
primaryColor: '#1890ff',
layout: 'mix',
contentWidth: 'Fluid',
fixSiderbar: true,
};
export default settings;
关闭左上角logo显示
文件修改路径:/src/app.tsx
// ProLayout 支持的api https://procomponents.ant.design/components/layout
export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => {
return {
...
logo:false,
...
}
};