青锋微服务架构之-Ant Design Pro 基本配置

青锋微服务架构之-Ant Design Pro 基本配置

编码文章call10242025-02-22 18:25:1926A+A-

青锋 (msxy) - Gitee.com

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)即可。

点击这里复制本文地址 以上内容由文彬编程网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

文彬编程网 © All Rights Reserved.  蜀ICP备2024111239号-4