action-sheet类似 iOS 的 action sheet 控件

联合创作 · 2023-09-22 04:28

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){
        // 点击按钮的回调事件
    }
});
浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报