微信小程序使用 iconfont

2024-08-27 01:12:21

小程序中使用 iconfont

在 iconfont.cn 中下载图标库, 直接将其中的 iconfont.css 复制到小程序目录中,并将扩展名改为 wxss；
在使用时在对应的样式文件 wxss 中加入一行引用，@import "/path/to/iconfont" ；
可以在 wxml 中使用了，<text class="iconfont icon-xxx"></text>；
更新小程序图标，将下载的 iconfont.css 的内容复制到小程序目录中的 iconfont.wxss 中，就OK了

页面渲染

　　微信小程序的数据请求是异步的，再数据没到之前，页面可能会显示无数据的代码

　　用条件渲染判断数据到了之后，再显示画面；<view class='wrap' wx:if=" {{ data != null }} ">

最新文章

热门文章