actionSheet

2022-06-13 15:20 更新

底部弹出框

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

params

title:

  • 类型:字符串
  • 默认值:无
  • 描述:(可选项)标题

cancelTitle:

  • 类型:字符串
  • 默认值:取消
  • 描述:(可选项)取消按钮标题

destructiveTitle:

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

buttons:

  • 类型:字符串数组
  • 默认值:无
  • 描述:(可选项)其它按钮

style:

  • 类型:JSON 对象
  • 默认值:无
  • 描述:(可选项)样式设置,不传时使用默认样式
  • 内部字段:

{
    layerColor:'',         //遮蔽层颜色,仅支持rgba颜色,默认值:rgba(0, 0, 0, 0.4),Android平台仅支持设置alpha即透明度生效
    itemNormalColor:'',    //选项按钮正常状态背景颜色,支持#000、#000000、rgb、rgba,默认值:#F1F1F1
    itemPressColor:'',     //选项按钮按下时背景颜色,支持#000、#000000、rgb、rgba,默认值:#E6E6E6
    fontNormalColor:'',    //选项按钮正常状态文字颜色,支持#000、#000000、rgb、rgba,默认值:#007AFF
    fontPressColor:'',     //选项按钮按下时文字颜色,支持#000、#000000、rgb、rgba,默认值:#0060F0
    titleFontColor:''      //标题文字颜色,支持#000、#000000、rgb、rgba,默认值:#8F8F8F
}

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:

{
    buttonIndex:1        //按钮点击序号,从1开始
}

示例代码

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

补充说明

底部弹出框

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号