iconfont的使用

登录

https://www.iconfont.cn/

图片位置

资源管理-->我的项目
symbol-->查看在线链接-->复制在线链接（//at.alicdn.com/t/font_3272069_5mar3nub94b.js）

项目使用

![TFR13DVJ9XK4YRDDA]4R{JE.png](https://img.haomeiwen.com/i26015574/10e084444993a1b0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

1.引入链接
icon.js

import { createFromIconfontCN } from '@ant-design/icons'; //antd 的icon

export default createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_3272069_5mar3nub94b.js', //iconfont的symbol模式生成的地址
});

2.使用图标
router.js文件

 //首页
      {
        path: '/app/homePage',
        access: ['vehicle-admin'],
        component: '@/pages/homePage',
        icon: 'sy',
        name: '首页',
      },
      // 消息通知管理
      {
        path: '/app/notice',
        access: ['vehicle-admin'],
        name: '消息通知管理',
        icon: 'xxtzgl'
        ...
      }