您现在的位置:首页 >> 前端 >> 内容

在vue里对iconfont的使用讲解

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

  核心提示:1:打开iconfont官网(https://www.iconfont.cn/),登录你的账号,这里我选择使用Github账号登录。2:选择你想要的图标,加入购物车;3:点击右上角的购物车,添加至项目...

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

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

在vue里对iconfont的使用讲解

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

4:确定后如下:

在vue里对iconfont的使用讲解

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

Tags:在V VU UE E里 
作者:网络 来源:ai鸭丫药努力