站内搜索:
首页 >> 前端 >> 内容
在vue里对iconfont的使用讲解

时间:2018/5/28 10:45:59

1:打开iconfont官网(https://www.iconfont.cn/),登录你的账号,这里我选择使用Github账号登录。

2:选择你想要的图标,加入购物车;

在vue里对iconfont的使用讲解

3:点击右上角的购物车,添加至项目。选择你创建的项目,然后确定。

4:确定后如下:

在vue里对iconfont的使用讲解

这里选择你喜欢的方式进行引入,我习惯用font-class.这里可以直接使用链接生成,@import url( )方式引入;也可以使用生成的css文件,将文件引入到页面中,只要在需要的地方添加就可以了。

  • 上一篇:WEBKIT BOX实现水平垂直居中的代码教程
  • 下一篇:localStorage和sessionStorage的使用讲解
  • 返回顶部