找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

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

作者:模板之家 2018-1-25 16:29 8955人关注

组件说明: 显示操作菜单 组件用法: wxml button type=primary bindtap=actionSheetTap弹出ActionSheet/button js actionSheetTap: function () { var itemList= wx.showActionSheet({ itemList:itemList, success: ...

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

 


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开始


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)