欢迎光临,了解微信小程序开发,就上易用通!

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

发布:2018-04-18 10:24浏览: 来源:网络 作者:cola

 

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

 

  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>






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。