微信小程序中使用阿里图标库

271 阅读1分钟

1、根目录新建font.wxss

image.png

2、阿里图标库复制内容到新建的font.wxss中。(复制之前先查看是否选中base64选项,没选择的话进行勾选保存,彩色课根据自己需求选择)

image.png

image.png

将复制的内容在浏览器打开,然后复制到新建的font.wxss中

image.png

在app.wxss中引入新建的font.wxss文件

image.png

在页面中使用,以vant-wepp为例

<van-button class-prefix='iconfont icon-daichulixinkehu' icon='icon-daichulixinkehu'></van-button>

image.png

image.png