action-sheet类似 iOS 的 action sheet 控件
action-sheet
这是一个类似iOS中ActionSheet效果的按钮组控件。
除了构造函数ActionSheet以外,它包含以下实例方法:
安装
如果在Node.js环境中使用,通过以下命令安装它。
npm i -DS action-sheet
引用
标签引入:
<script src="https://raw.githubusercontent.com/hapjs/action-sheet/master/build/action-sheet.min.js"></script>
如果通过script方式引入,你可以通过全局变量ActionSheet来调用它。
CommonJS/CMD/AMD引入:
var ActionSheet = require('action-sheet');
ES6引入:
import ActionSheet from 'action-sheet';
创建ActionSheet
var as = new ActionSheet({ buttons: { '点我': function(e){ // 点击按钮的回调事件 }, '百度': 'http://baidu.com/', // 点击按钮跳转链接 } });
展示
显示已经创建的ActionSheet实例
as.show();
隐藏
as.hide();
更新
更新按钮组内容
as.update({ '重启手机': function(e){ // 点击按钮的回调事件 }, '立即关机': function(e){ // 点击按钮的回调事件 } });
评论