在uni-app开发的微信小程序上,使用纯色阿里矢量素材图标的方式,在uni-app的icon组件中有相关介绍,但是彩色图标却没有详细实现思路,此文章会根据uni-app的uni-icon为基础,实现第三方图标的使用 纯色图标的使用 1. 打开阿里矢量素材图标库 2.选择需要的图标加入到购物车 image.png 3.将购物车中的图标加入项目 image...
2.Font class普通单色图标 1. 创建一个普通图标的项目,添加普通图标不需要下载 2. 进入我的项目 点击暂无代码,生成代码 image.png image.png 3.在uni-app向程序的static中创建一个icon.css文件 复制点开的链接中的代码 image.png @font-face{font-family:"iconfont";/* Project id 3365557 */src:url('http...
2.Font class普通单色图标# 1. 创建一个普通图标的项目,添加普通图标不需要下载 2. 进入我的项目 点击暂无代码,生成代码 image.png image.png 3.在uni-app向程序的static中创建一个icon.css文件 复制点开的链接中的代码 image.png @font-face{font-family:"iconfont";/* Project id 3365557 */src:url('ht...
一、uni-app使用1、搜索自己想要的图标添加到购物车 2、点开购物车,点击“添加至项目”,选择你想要加入的项目工程,最后“确认” 3、点击生成在线文件(我这不是第一次生成...
在阿里巴巴矢量图标库中将文件下载到本地 路径:图标管理 --- 我的项目--->我参与的项目 图解 解压文件夹找到iconfont.css,将其放到自己的uni-app项目中 本地font文件夹 uni-app中的使用 更改iconfont.css中的@font-face的代码,直接复制代码,将项目中的@font-face替换 代码...