一、查看iconfont项目设置


二、生成在线链接


为什么要生成在线链接,因为微信小程序不能用静态文件
三、根据下载的iconfont.css配置app.wxss
下载的iconfont.css配置

自定义app.wxss配置

为什么不直接用iconfont.css,因为微信小程序不支持css只支持wxss
四、原始使用方法
<view class="iconfont icon-lanya"></view>
五、Vant Weapp使用方法
<van-icon class-prefix="iconfont" name="lanya" />
文章介绍了在微信小程序中如何使用Iconfont。首先查看iconfont项目设置,然后生成在线链接以应对小程序不支持静态文件的问题。接着,将下载的iconfont.css转换配置到app.wxss,因为小程序只支持wxss。原始使用方法是在view标签中添加class,而使用VantWeapp框架时,则需设置class-prefix和name属性。
3829

被折叠的 条评论
为什么被折叠?



