小程序模板網(wǎng)

微信小程序關(guān)于函數(shù)調(diào)用數(shù)據(jù)的小坑,引用fontawesome字體

發(fā)布時(shí)間:2018-04-18 10:24 所屬欄目:小程序開發(fā)教程

 

分享者:宇猿,來(lái)自原文地址 
下面的函數(shù)經(jīng)調(diào)試發(fā)現(xiàn)始終返回不了數(shù)據(jù)

 

  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. }

后經(jīng)反復(fù)測(cè)試,發(fā)現(xiàn)原因竟是方括號(hào)的位置,下面的代碼就是可以的

 

  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,來(lái)自原文地址  1.到fontawesome官網(wǎng)下載字體包。  2.打開1中下載的壓縮包找到.ttf文件。

3.上傳2中的字體文件到https://transfonter.org/,選擇base64 編嗎 ,convert后下載.

4.打開3中下載的文件,找到stylesheet.css.

5.打開4中的文件,復(fù)制里面的代碼到微信小程序中的app.wxss中。

6.打開1中的文件font-awesome.css,復(fù)制里面的css(去掉@font-face部分)到微信小程序中的app.wxss中(接著5中復(fù)制內(nèi)容的后面)。

7.然后再程序中直接引用就可以了。實(shí)例代碼<text class="fa fa-camera-retro fa-lg">圖標(biāo)</text>



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/23647.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×