js弹出层插件action-sheet

查看演示立即下载

插件描述：类似ios中actionsheet的弹出按钮组

这是一个类似IOS中ActionSheet的按钮组控件。

除了构造函数ActionSheet以外，它包含以下实例方法：

如果在Node.js环境中使用，通过以下命令安装它。

npm i -DS action-sheet
npm

标签引入：

1	`<script` `src="build/action-sheet.min.js"></script>`

如果通过script方式引入，你可以通过全局变量ActionSheet来调用它。

CommonJS/CMD/AMD引入：

1	`var ActionSheet = require('action-sheet');`

ES6引入：

1	`import ActionSheet from` `'action-sheet';`

创建ActionSheet

var as = new ActionSheet({
    buttons: {
        '点我': function(e){
            // 点击按钮的回调事件
        },
        '百度': '/', // 点击按钮跳转链接
    }
});

显示已经创建的ActionSheet实例

1	`as.show();`

隐藏

1	`as.hide();`

更新按钮组内容

as.update({
    '重启手机': function(e){
        // 点击按钮的回调事件
    },
    '立即关机': function(e){
        // 点击按钮的回调事件
    }
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com