1、更换 Ant Design Pro 的 logo 和名称
需要修改文件所在位置:/config/defaultSetting.js
const proSettings: DefaultSettings = {
navTheme: 'dark',
// 拂晓蓝
primaryColor: '#1890ff',
layout: 'side',
contentWidth: 'Fluid',
fixedHeader: false,
fixSiderbar: true,
colorWeak: false,
title: '青锋后台系统',
pwa: false,
iconfontUrl: '',
menu: {
locale: false,
},
};
将其中的 title 改成公司的项目名称即可。
2、清除头部不必要的小组件
文件所在位置:
src/components/GlobalHeader/RightContent.js
return (
{/* umi ui, value: 'umi ui' },
{
label: Ant Design,
value: 'Ant Design',
},
{
label: Pro Table,
value: 'Pro Table',
},
{
label: Pro Layout,
value: 'Pro Layout',
},
]}
// onSearch={value => {
// //console.log('input', value);
// }}
/> */}
{REACT_APP_ENV && (
{REACT_APP_ENV}
)}
);
HeaderSearch、Tooltip、NoticeIcon、HeaderDropdown、SelectLang 它们分别代表 "全局搜索"、"使用文档"、"消息通知框"、"用户信息"、"国际化切换",将不需要的内容注释掉即可。
3、更换地址栏图标
文件所在位置:/public/favicon.ico
制作自己的地址图标进行替换即可。
在线制作ico图标地址:https://www.bitbug.net/
大家可以根据自己的实际情况制作自己的地址图标即可。
替换后依然没有起作用。这是有缓存的问题,解决办法:重启浏览器,或者重启一下本地服务器(npm start)即可。