and design pro v4

672 阅读1分钟

关于route

在目录config/config.ts

配置父路由重定向到子路由

发现父路由不能重定向给子路由(同级之间可以)

解决方法:直接在 routes 中添加一个重定向的路由(在子路由里跳)

...
{
  name: '系统管理',
  icon: 'setting',
  path: '/system',
  routes: [
    {
      path: '/system',
      redirect: '/system/user',
    },
    {
      path: '/system/user',
      name: '用户管理',
      icon: 'user',
      component: './system/UserList',
    },
    ...
  ],
},
...

iconfont

1.选取自己在阿里图标库的项目下载至本地

2.抽取其中的js文件

3.将js文件引入到页面中

import iconfont from '../utils/iconfont.js';
const Iconfont = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1230556_wtzksdea45.js',
  scriptUrl: iconfont,
});

4.引入import { Icon } from 'antd'

在页面这种如同Icon一般使用:

<Iconfont type="icontuichu" />