微信小程序图标样式的引用

本文详细介绍了如何在微信小程序中集成阿里图标库的步骤,包括创建style文件,引入iconfont.wxss,复制并粘贴代码,以及在app.wxss中引用。此外,还讲解了如何通过class属性使用选定的icon图标,例如icon-cup。
摘要由CSDN通过智能技术生成

首先 第一步创建一个style文件,然后在其列表中创建一共iconfont.wxss文件

                                                

然后我们使用 ‘ iconfont 阿里巴巴矢量图标库 ’ 然后点击下面这一串字符

进行全选复制,Ctrl+a 全选

然后再将所有代码粘贴到先前创建的iconfont.wxss文件中

然后就是引用 在我们的app.wxss中使用 @import " ./style/iconfont.wxss";

 最后最最最最重要的是 如何使用 我们选择了这个 icon-cup

然后利用class="iconfont icon-cup" 就可以引用这个图标了

​​​​

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值