小程序模板网

微信小程序关于函数调用数据的小坑,引用fontawesome字体

发布时间:2018-04-18 10:24 所属栏目:小程序开发教程

 

分享者:宇猿,来自原文地址 
下面的函数经调试发现始终返回不了数据

 

  1. function getData() {
  2. return
  3. [
  4. {
  5. "id": 157,
  6. "desc": "猪肉五花肉猪肉",
  7. "desc2": "好吃不贵好吃不贵!",
  8. "level": "level3",
  9. "logo": "../../images/wuhuarou.png",
  10. "popular": 157,
  11. "nodes": null,
  12. "price": 10,
  13. "count": 1
  14. }
  15. ]
  16. }

后经反复测试,发现原因竟是方括号的位置,下面的代码就是可以的

 

  1. function getData() {
  2. return [
  3. {
  4. "id": 157,
  5. "desc": "猪肉五花肉猪肉",
  6. "desc2": "好吃不贵好吃不贵!",
  7. "level": "level3",
  8. "logo": "../../images/wuhuarou.png",
  9. "popular": 157,
  10. "nodes": null,
  11. "price": 10,
  12. "count": 1
  13. }
  14. ]
  15. }
 

二:引用fontawesome字体

分享者:yiyingcsdn,来自原文地址  1.到fontawesome官网下载字体包。  2.打开1中下载的压缩包找到.ttf文件。

3.上传2中的字体文件到https://transfonter.org/,选择base64 编吗 ,convert后下载.

4.打开3中下载的文件,找到stylesheet.css.

5.打开4中的文件,复制里面的代码到微信小程序中的app.wxss中。

6.打开1中的文件font-awesome.css,复制里面的css(去掉@font-face部分)到微信小程序中的app.wxss中(接着5中复制内容的后面)。

7.然后再程序中直接引用就可以了。实例代码<text class="fa fa-camera-retro fa-lg">图标</text>



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23647.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询