actionSheet

底部弹出框

actionSheet({params}, callback(ret, err))

params

title：

  • 类型：字符串
  • 默认值：无
  • 描述：（可选项）标题

cancelTitle：

  • 类型：字符串
  • 默认值：取消
  • 描述：（可选项）取消按钮标题

destructiveTitle：

  • 类型：字符串
  • 默认值：无
  • 描述：（可选项）红色警示按钮标题，一般用于做一些删除之类操作

buttons：

  • 类型：字符串数组
  • 默认值：无
  • 描述：（可选项）其它按钮

style：

  • 类型：JSON 对象
  • 默认值：无
  • 描述：（可选项）样式设置，不传时使用默认样式
  • 内部字段：
  1. {
  2.     layerColor:'',         //遮蔽层颜色，仅支持rgba颜色，默认值：rgba(0, 0, 0, 0.4)，Android平台仅支持设置alpha即透明度生效
  3.     itemNormalColor:'',    //选项按钮正常状态背景颜色，支持#000、#000000、rgb、rgba，默认值：#F1F1F1
  4.     itemPressColor:'',     //选项按钮按下时背景颜色，支持#000、#000000、rgb、rgba，默认值：#E6E6E6
  5.     fontNormalColor:'',    //选项按钮正常状态文字颜色，支持#000、#000000、rgb、rgba，默认值：#007AFF
  6.     fontPressColor:'',     //选项按钮按下时文字颜色，支持#000、#000000、rgb、rgba，默认值：#0060F0
  7.     titleFontColor:''      //标题文字颜色，支持#000、#000000、rgb、rgba，默认值：#8F8F8F
  8. }

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     buttonIndex:1        //按钮点击序号，从1开始
  3. }

示例代码

  1. api.actionSheet({
  2.     title: '底部弹出框测试',
  3.     cancelTitle: '这里是取消按钮',
  4.     destructiveTitle: '红色警告按钮',
  5.     buttons: ['1', '2', '3']
  6. }, function(ret, err) {
  7.     var index = ret.buttonIndex;
  8. });

补充说明

底部弹出框

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本