action-sheet類似 iOS 的 action sheet 控件

action-sheet

這是一個類似iOS中ActionSheet效果的按鈕組控件。

除了構造函數ActionSheet以外，它包含以下實例方法：

• show

• hide

• update

安裝

如果在Node.js環(huán)境中使用，通過以下命令安裝它。

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';

創(chuàng)建ActionSheet

var as = new ActionSheet({
    buttons: {
        '點我': function(e){
            // 點擊按鈕的回調事件
        },
        '百度': 'http://baidu.com/', // 點擊按鈕跳轉鏈接
    }
});

展示

顯示已經創(chuàng)建的ActionSheet實例

as.show();

隱藏

as.hide();

更新

更新按鈕組內容

as.update({
    '重啟手機': function(e){
        // 點擊按鈕的回調事件
    },
    '立即關機': function(e){
        // 點擊按鈕的回調事件
    }
});