actionSheet

底部弹出框

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及更高版本