actionSheet

底部彈出框

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

params

title：

• 類型：字符串
• 默認值：無
• 描述：（可選項）標題

cancelTitle：

• 類型：字符串
• 默認值：取消
• 描述：（可選項）取消按鈕標題

destructiveTitle：

• 類型：字符串
• 默認值：無
• 描述：（可選項）紅色警示按鈕標題，一般用于做一些刪除之類操作

buttons：

• 類型：字符串數組
• 默認值：無
• 描述：（可選項）其它按鈕

style：

• 類型：JSON 對象
• 默認值：無
• 描述：（可選項）樣式設置，不傳時使用默認樣式
• 內部字段：

{
    layerColor:'',         //遮蔽層顏色，僅支持rgba顏色，默認值：rgba(0, 0, 0, 0.4)，Android平臺僅支持設置alpha即透明度生效
    itemNormalColor:'',    //選項按鈕正常狀態(tài)背景顏色，支持#000、#000000、rgb、rgba，默認值：#F1F1F1
    itemPressColor:'',     //選項按鈕按下時背景顏色，支持#000、#000000、rgb、rgba，默認值：#E6E6E6
    fontNormalColor:'',    //選項按鈕正常狀態(tài)文字顏色，支持#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系統(tǒng)，Android系統(tǒng)

可提供的1.0.0及更高版本