1、在iconfont上任意方式登录
在这里插入图片描述
2、选择图标管理下，我的项目
在这里插入图片描述

3、新建一个项目（如果已有项目可忽略）
在这里插入图片描述
在这里插入图片描述

4、创建好之后就可以找自己要用的图标，添加到自己的项目里
在这里插入图片描述
在这里插入图片描述

5、图标添加完毕后，再次回到我的项目里就可以看到自己的图标了
在这里插入图片描述

6、选择下载至本地，解压之后可以看到这些文件
在这里插入图片描述

7、把选中的文件（其他的可以不用）放到自己项目所需要的文件夹下
在这里插入图片描述

8、然后在main.js中全局引入对应的css文件

// 阿里图标库
import "@/assets/iconfont/iconfont.css";

9、在你所需要的地方使用图标

<i class="iconfont icon-password"></i>

备注：
在这里插入图片描述

也可以在字体的css文件里看到
在这里插入图片描述

也可以直接使用对应的js文件
在这里插入图片描述

# vue.js # html5 # javascript
Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue