小程序開發之路（二）

zhonghanwen 發布于2019-08-22 18:19 / 586人閱讀

摘要：小程序，我來啦操作數組數據實現數據面板收縮展開借鑒網上已有的舉個簡單的例子，有一個對象數組，數組的每個都需要一個標識判斷元素在遍歷時是否顯示，可以理解為列表展開面板，點擊就展開或者收起。

小程序，我來啦

1.操作數組數據實現數據面板收縮展開（借鑒網上已有的）
舉個簡單的例子，有一個對象數組，數組的每個都需要一個標識判斷元素在遍歷時是否顯示，可以理解為列表展開面板，點擊item就展開或者收起。我在開發中遇到過，后臺返回的數據是沒有標識字段的，具體步驟如下：

1.從后臺獲取到數組，前端遍歷添加標識字段

for (var i in res.data.pd) {
    res.data.pd[i].flag = false; // 航班列表添加新屬性
}
that.setData({
    flightList: res.data.pd
})

2.wxml文件中，循環數據時給定item唯一標識

3.item點擊事件中，單步操作數組中的標識屬性

goDetail: function (e) {
   var numid = e.currentTarget.dataset.numid,
        key = "flightList[" + numid + "].flag",
        val = this.data.flightList[numid].flag;
    //不知道為什么sf就是不給我顯示這個代碼
    //this.setData({
    //    [key]: !val
    //});
}

學過js的都知道，[key]等同于.key吧，記住沒有引號！！！

2.背景圖background

小程序不支持本地圖片作為背景圖，也就是平時我們的background:url("../img/a.png")這樣的寫法

僅支持網絡地址，base64格式圖片

解決辦法：使用上面提到的路徑，或者使用image定位實現相應的效果

云服務器 GPU云服務器小程序開發開發小程序開發小程序開發開發制作福州小程序開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/95735.html

小程序開發之路（一）

摘要：小程序，我來啦獲取從公眾號菜單或者轉發分享等形式進入小程序的，如果需要獲取用戶的，僅僅在執行登陸方法或者在配置的主頁面調用登陸方法是不夠的如果公眾號菜單掛載的頁面是小程序的其他頁面，是不會執行的，所以需要在調用的頁面判斷調用登陸方法從分享或小程序，我來啦 1.openid獲取從公眾號菜單或者轉發分享等形式進入小程序的，如果需要獲取用戶的openid，僅僅在app.js執行登陸方法...

Cympros 2019-08-22 18:01 評論0 收藏0
微信應用號（小程序）資源匯總（1010更新）

摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...

趙春朋 2019-08-29 11:20 評論0 收藏0
微信應用號（小程序）資源匯總（1010更新）

摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...

piapia 2019-08-20 11:12 評論0 收藏0
微信小程序開發系列二：微信小程序的視圖設計

摘要：安裝完畢后啟動微信開發者工具，會要求我們指定一個本地項目目錄和填寫微信小程序的。我最近也剛剛開始微信小程序的開發，想把我自學的一些心得寫出來分享給大家。 showImg(https://segmentfault.com/img/remote/1460000016772885); 這是第一篇，從零開始學習微信小程序開發。主要是小程序的注冊和開發環境的搭建。首先我們要在下列網址申請一個...

Ryan_Li 2019-08-23 12:29 評論0 收藏0