一、关闭国际化
要关闭国际化,在config-config.ts下,将layout里面locale改为false
二、菜单与菜单图标
菜单图标为图标名称加上主题做为后缀,例如<HomeOutlined />,菜单名为home.
在config下的routes.ts中配置路由,显示菜单,菜单图标修改icon,icon为菜单名

三、修改端口号
package.json中修改“start”:
"start": "set PORT=9000 && umi dev",
四、修改页面默认图标与title
1.加载页模板展示pro 与 ant design修改
pages/document.ejs

title修改标签页
img 修改 Pro

修改默认Ant Design
2,登录后修改标签页图标与title
图标修改public中的favicon.ico,title修改config/defaultSettings.ts中的title
3.header 中左上角图标与title
修改config/defaultSettings.ts中的title与logo
4.修改fotter
src/components/Footer/index.tsx中的
defaultMessage与title
5.header 右上角内容修改
修改src/components/RightContent/index.tsx
6.ProTable搜索条件修改属性值,比如把select修改为带搜索图标的下拉框,主要在于fieldProps属性

{
title: '项目部',
dataIndex: 'projectDept',
fieldProps: {
options: cascaderOptions,
fieldNames: {
children: 'children',
label: 'title',
},
showSearch: true,
filterTreeNode: true,
multiple: true,
treeNodeFilterProp: 'title',
},
},
7.antd-pro valueType: 'treeSelect' 搜索

{
title: '项目部',
dataIndex: 'projectDept',
valueType: 'treeSelect',
request:async () => [
{
title: '项目部1',
value: '1',
children: [
{
title: '项目部11',
value: '11',
},
{
title: '项目部12',
value: '12',
},
],
},
{
title: '项目部2',
value: '2',
children: [
{
title: '项目部21',
value: '21',
},
{
title: '项目部22',
value: '22',
},
],
},
],
fieldProps:{
showArrow: true,
filterTreeNode: true,
showSearch: true,
dropdownMatchSelectWidth: false,
labelInValue: true,
autoClearSearchValue: true,
multiple: true,
treeNodeFilterProp: 'title',
fieldNames: {
label: 'title',
},
},
},
本文档详细介绍了如何关闭前端项目的国际化设置,菜单图标与菜单项的配置,以及如何修改应用的端口号。此外,还涵盖了页面默认图标、title、header、footer、右上角内容以及ProTable组件的定制方法,包括搜索条件的字段属性调整。
927

被折叠的 条评论
为什么被折叠?



