十步搞定uni-app使用字体图标

uni-app中使用字体图标图标的下载首先去阿里图标库选择要用的图标，并且打包下载下来，步骤如下1.2.3.4.5.6. 本地文件选取7. 粘贴到uni-app项目下的static静态资源文件下8. 把下载好的图标包里的iconfont.css内的代码粘贴到uni-app项目中的App.vue文件内9. 在红色标记框的前面对路径进行修改蓝色的框选是添加的...

从人到猿

3210人浏览 · 2020-03-31 18:06:02

从人到猿 · 2020-03-31 18:06:02 发布

uni-app中使用字体图标

图标的下载

首先去阿里图标库选择要用的图标，并且打包下载下来，步骤如下

1.

在这里插入图片描述

2.

在这里插入图片描述

3.

在这里插入图片描述

4.

在这里插入图片描述

5.

在这里插入图片描述

6. 本地文件选取

在这里插入图片描述

7. 粘贴到uni-app项目下的static静态资源文件下

在这里插入图片描述

8. 把下载好的图标包里的iconfont.css内的代码粘贴到uni-app项目中的App.vue文件内

在这里插入图片描述

9. 在红色标记框的前面对路径进行修改

蓝色的框选是添加的
在这里插入图片描述

10. 使用

查看下载包内的demo_index.html文件
在这里插入图片描述

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