赞
踩
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 () {
-
- }
- })
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。