微信小程序使用 iconfont

小程序中使用 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 }} ">