微信小程序引入iconfont

微信   2024-12-26 15:32   83   0  

一、 使用https://www.iconfont.cn/ 平台

1、新建iconfont 项目

27032_5aoi_7536.png

2、勾选base64格式

27139_eniq_7022.png

3、下载到本地d

27308_wizz_5843.png

将下载的项目解压放到小程序项目里

4、将iconfont.css 改成iconfont.wxss

27344_o38d_9688.png

5、在app.wxss 引入iconfont.wxss


6、在page 页面里直接使用

<icon class="iconfont icon-jiazai"></icon>


二、components 里引入iconfont

options: {
    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
    styleIsolation: 'apply-shared' // 启动样式隔离
},


链接:https://www.jianshu.com/p/cf5c383dbf83



博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。