(一)小程序集成Bmob作为数据存储
(二)小程序中Flex布局
(三)小程序使用高德地图获取地理位置
(四)小程序列表条目点击
(五)小程序下拉刷新、上拉加载
(六)小程序总结
每个项目列表是必不可少的,有了列表就要点击列表条目左一些操作,我这里是点击条目获取到位置传给上一页(add页)并显示
1 .wxml代码
<view class='address'>
<view wx:for="{{addressArr}}" wx:key="" data-id='{{index}}' bindtap='itemOnclick' class='view-item'>
<text class='text'>{{item.address.name}}</text>
<view class='line'></view>
</view>
</view>
data-id=’{{index}}'标记了列表的下角标
2 .js代码
itemOnclick: function (e) {
var index = e.currentTarget.dataset.id;
//获取当前页面信息栈
var pages = getCurrentPages();
//获取上一个页面信息栈(add页面)
var prevPage = pages[pages.length - 2]
//给上一个页面的address赋值
prevPage.setData({ "address": this.data.addressArr[index].address.name });
prevPage.setData({"onclick":true})
//关闭当前页面,返回上一个页面
wx.navigateBack();
console.log(this.data.addressArr[index].address.name)
},
var index = e.currentTarget.dataset.id; 这里的index就是点击条目的角标,
源码下载