actionSheet

2022-06-13 15:20 更新

底部彈出框

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

params

title:

  • 類型:字符串
  • 默認(rèn)值:無
  • 描述:(可選項(xiàng))標(biāo)題

cancelTitle:

  • 類型:字符串
  • 默認(rèn)值:取消
  • 描述:(可選項(xiàng))取消按鈕標(biāo)題

destructiveTitle:

  • 類型:字符串
  • 默認(rèn)值:無
  • 描述:(可選項(xiàng))紅色警示按鈕標(biāo)題,一般用于做一些刪除之類操作

buttons:

  • 類型:字符串?dāng)?shù)組
  • 默認(rèn)值:無
  • 描述:(可選項(xiàng))其它按鈕

style:

  • 類型:JSON 對(duì)象
  • 默認(rèn)值:無
  • 描述:(可選項(xiàng))樣式設(shè)置,不傳時(shí)使用默認(rèn)樣式
  • 內(nèi)部字段:

{
    layerColor:'',         //遮蔽層顏色,僅支持rgba顏色,默認(rèn)值:rgba(0, 0, 0, 0.4),Android平臺(tái)僅支持設(shè)置alpha即透明度生效
    itemNormalColor:'',    //選項(xiàng)按鈕正常狀態(tài)背景顏色,支持#000、#000000、rgb、rgba,默認(rèn)值:#F1F1F1
    itemPressColor:'',     //選項(xiàng)按鈕按下時(shí)背景顏色,支持#000、#000000、rgb、rgba,默認(rèn)值:#E6E6E6
    fontNormalColor:'',    //選項(xiàng)按鈕正常狀態(tài)文字顏色,支持#000、#000000、rgb、rgba,默認(rèn)值:#007AFF
    fontPressColor:'',     //選項(xiàng)按鈕按下時(shí)文字顏色,支持#000、#000000、rgb、rgba,默認(rèn)值:#0060F0
    titleFontColor:''      //標(biāo)題文字顏色,支持#000、#000000、rgb、rgba,默認(rèn)值:#8F8F8F
}

callback(ret, err)

ret:

  • 類型:JSON 對(duì)象
  • 內(nèi)部字段:

{
    buttonIndex:1        //按鈕點(diǎn)擊序號(hào),從1開始
}

示例代碼

api.actionSheet({
    title: '底部彈出框測試',
    cancelTitle: '這里是取消按鈕',
    destructiveTitle: '紅色警告按鈕',
    buttons: ['1', '2', '3']
}, function(ret, err) {
    var index = ret.buttonIndex;
});

補(bǔ)充說明

底部彈出框

可用性

iOS系統(tǒng),Android系統(tǒng)

可提供的1.0.0及更高版本

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)