actionsheet(操作表)

actionsheet一般从底部弹出,显示一系列可供用户选择的操作按钮; actionsheet是从popover控件基础上演变而来,实际上就是一个固定从底部弹出的popover,故DOM结构和popove类似,只是需要在含.mui-popover
类的节点上增加.mui-popover-bottom .mui-popover-action类;


和popover一样,推荐使用锚点方式显示、隐藏actionsheet;若要使用js代码动态显示、隐藏actionsheet,同样在popover插件的构造方法中传入"toggle"参数即可,如下:

mui('#sheet1').popover('toggle');


从底部动画弹出系统样式选择按钮框 原生actionSheet

plus.nativeUI.actionSheet({
    title:title,  //标题
    cancel:'取消',
    buttons:btn,     //[{title:"不同意",style:"destructive"}]   destructive:红色,默认黑色            
},function(e){
    console.log(e.index);               
}) 

你可能感兴趣的:(actionsheet(操作表))