vue框架中使用iconfont的图标

在vue框架中使用iconfont图标

element-ui中的图标太少,需要使用第三方的图标,这里选择了ali的图标库

  1. 需要在https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1769401上注册帐号
  2. 创建项目/或者是加入已有的项目
  3. 选择图标加入到具体的项目中(加入购物车后,然后在购物车选择加入项目)
  4. 下载到本地(推荐还是通过下载到本地的方式来使用)
  5. 将需要的文件放入到项目代码库中,一般是存放于单独的icon目录中

  1. 在入口js文件main.js中引入该图标所在的css
  2. 然后需要使用什么图标,在iconfont.scss中找到具体的图标类名,然后在其他文件使用就可以了