action-sheet
这是一个类似IOS中ActionSheet的按钮组控件。
!
效果图
demo
除了构造函数ActionSheet以外,它包含以下实例方法:
*
show
*
hide
*
update
安装
如果在Node.js环境中使用,通过以下命令安装它。
``
bash
npm i -DS action-sheet
`
npm
引用
$3
`
html
`
如果通过script方式引入,你可以通过全局变量ActionSheet
来调用它。
$3
`
js
var ActionSheet = require('action-sheet');
`
$3
`
js
import ActionSheet from 'action-sheet';
`
创建ActionSheet
`
js
var as = new ActionSheet({
buttons: {
'点我': function(e){
// 点击按钮的回调事件
},
'百度': 'http://baidu.com/', // 点击按钮跳转链接
}
});
`
show
显示已经创建的ActionSheet实例
`
js
as.show();
`
hide
隐藏
`
js
as.hide();
`
update
更新按钮组内容
`
js
as.update({
'重启手机': function(e){
// 点击按钮的回调事件
},
'立即关机': function(e){
// 点击按钮的回调事件
}
});
``