wx.makePhoneCall可以实现自动拨打电话的功能,要注意的就是后面的引号记得去掉。
wx:for可以实现循环遍历,其中index认为是下标索引,默认从0开始,item是索引的值。
data-ph:ph可以自己定义,然后data-ph={{}}里面的就是js里面定义的data。这个是为了方便点击事件从页面取值。
bintap="clickcall":clickcall是自己定义的方法名,这个可以用来绑定方法。点击之后就会触发
效果
three.wxml
<!--pages/three/three.wxml-->
<view class="pageview">
<block wx:for="{{people}}"><!--循环遍历people数组-->
<view class="listview" data-ph="{{item.phone}}" bindtap="clickcall"><!--data杠是固定的,后面的ph可以自己定义,bindtap是绑定方法-->
<view>{{item.name}}</view><!--取值-->
<view>{{item.phone}}</view>
</view>
</block>
</view>
three.wxss
/* pages/three/three.wxss */
.pageview{
width: 100%;
height: 100vh;
background-color: powderblue;
}
.listview{
width: 100%;
height: 10%;
border-bottom: 1px solid snow;
display: flex;
align-items: center;
justify-content: space-around;
}
three.js
// pages/three/three.js
Page({
/**
* 页面的初始数据
*/
data: {
people:[
{"name":"张三","phone":"13613565622"},//数组中定义对象
{"name":"李四","phone":"13613565623"},
{"name":"嘉然","phone":"13613565624"},
{"name":"陈板","phone":"13613565625"},
{"name":"舒老师","phone":"13613565626"}
]
},
clickcall(event){
console.log("拨打电话功能");
console.log(event);//加了event之后可以在console里面找到currentTarget以及dataset以及ph
let callPhone=event.currentTarget.dataset.ph;//取值
console.log(callPhone);
wx.makePhoneCall({//调用拨打电话的函数
phoneNumber: callPhone,
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})