vue项目如何引入iconfont

下面以vue项目引入阿里巴巴的iconfont图标为例：一 .去https://www.iconfont.cn/注册登陆找到你喜欢的图标二. 加入购物车三. 下载源码点击右上角购物车图标,选择下载源码四.源码放入项目五.全局引入在main.js里引入css六.在需要的地方使用拿设置图标为例:它的icon叫setup我想把它加入在导航里效果:...

锅巴胸

4125人浏览 · 2019-07-30 13:15:16

锅巴胸 · 2019-07-30 13:15:16 发布

下面以vue项目引入阿里巴巴的iconfont图标为例：
一 .去https://www.iconfont.cn/注册登陆找到你喜欢的图标
二. 加入购物车
在这里插入图片描述
三. 下载源码
点击右上角购物车图标,选择下载源码

四.源码放入项目

五.全局引入
在main.js里引入css

六.在需要的地方使用
拿设置图标为例:

它的icon叫setup

我想把它加入在导航里

效果:

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^