在uni-app和微信小程序中使用阿里矢量图标库
一、uni-app使用
1、搜索自己想要的图标添加到购物车

2、点开购物车,点击“添加至项目”,选择你想要加入的项目工程,最后“确认”

3、点击生成在线文件(我这不是第一次生成,提示的是更新代码)

4、点击复制代码

5、App.vue引入在线链接;记得要添加https: 不然有毛病。

6、页面使用,iconfont是必须要的。icon-xiazai就是图标库有的,点击图上的复制代码就可以拿到。

显示效果:

二、微信小程序使用
1、下载文件到本地

2、把iconfont.css改为iconfont.wxss

3、app.wxss引入iconfont.wxss

4、页面使用(图标大小用font-size控制)


Invitation
aqing
962555446
created:15/04/2021
Welcome to Candyhome
Use this card to join the candyhome and participate in a pleasant discussion together .
Welcome to aqing's candyhome,wish you a nice day .
评论

.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)

.jpg)
.png)
.jpg)
.jpg)
.png)