vant使用iconfont图标

第一步、添加图标至项目第二步、生成代码第三步、将得到的地址复制到浏览器第四步、将该页面所有的代码复制到assets/css/icno.css中（没有的话可以新建）第五步、在App.vue导入（路径跟自己项目的路径一致即可）第六步、使用文档上推荐的自定义图标（class一定要有，可以参考下面的代码）<van-icon ...

otatoz

5037人浏览 · 2019-12-26 16:09:33

otatoz · 2019-12-26 16:09:33 发布

第一步、添加图标至项目

第二步、生成代码

第三步、将得到的地址复制到浏览器

第四步、将该页面所有的代码复制到assets/css/icno.css中（没有的话可以新建）

第五步、在App.vue导入（路径跟自己项目的路径一致即可）

第六步、使用文档上推荐的自定义图标（class一定要有，可以参考下面的代码）

<van-icon class="iconfont icon-caidan" />

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}$/, //不连续的两位字母// /^