小程序开发之路（二）

zhonghanwen 发布于2019-08-22 18:19 / 488人阅读

摘要：小程序，我来啦操作数组数据实现数据面板收缩展开借鉴网上已有的举个简单的例子，有一个对象数组，数组的每个都需要一个标识判断元素在遍历时是否显示，可以理解为列表展开面板，点击就展开或者收起。

小程序，我来啦

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定位实现相应的效果

idc机房托管超融合服务器小程序开发开发小程序开发小程序开发开发制作福州小程序开发

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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