欢迎光临,了解微信小程序开发,就上易用通!

小程序极速实战开发《十七》action-sheet显示操作菜单

发布:2018-01-25 16:29浏览: 来源:网络 作者:tianshu

组件说明:
  • 显示操作菜单
  •  
组件用法:

小程序极速实战开发《十七》action-sheet显示操作菜单(图1)

 


wxml

  1. <button type="primary" bindtap="actionSheetTap">弹出ActionSheet</button>

js

  1. actionSheetTap: function () {
  2.     var itemList= ['A', 'B', 'C']
  3.     wx.showActionSheet({
  4.       itemList:itemList,
  5.       success: function (res) {
  6.         if (!res.cancel) {
  7.           console.log(itemList[res.tapIndex])
  8.         }
  9.       }
  10.     })
  11.   }

主要属性:
  • OBJECT参数说明:

属性
类型
必填
说明
itemList String Array 按钮的文字数组,数组长度最大为6个
itemColor HexColor 按钮的文字颜色,默认为”#000000”
success Function 接口调用成功的回调函数,详见返回参数说明
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

  • success返回参数说明:

参数
类型
说明
cancel Boolean 用户是否取消选择
tapIndex Number 用户点击的按钮,从上到下的顺序,从0开始





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。