底部弹出框

使用底部弹出框需要先载入JS文件：

<script src="/static/auicss/script/aui-actionsheet.js"></script>

使用弹窗之前需要先实例化对象 var actionsheet = new auiActionsheet();，支持方法如下：

• init(options, callback)：显示带成功图标的弹窗

options 参数如下：

options: {
    title: '', // （可选）标题
    buttons: ['菜单1', '菜单2'], // 可选项,记数从1开始
    destructiveTitle: '', // (可选) 红色警告按钮，排在buttons下面，记数为buttons.length + 1
    cancelTitle: '', //（可选）取消按钮，固定在最底部与其它选项隔离，记数为buttons.length + 1(如有destructiveTitle则+2)
}

callback 回调参数如下：

function callback(res) {
    res.buttonIndex // 点击的菜单序号，从1开始记数
    res.buttonTitle // 点击的菜单对应的文字内容
}

示例源码

<section class="aui-content-padded">
    <div class="aui-btn" tapmode onclick="openActionsheet()">打开底部选择器</div>
</section>
<section class="aui-content-padded">
    <p>点击了第<strong class="aui-text-danger" id="button-index"></strong>个按钮(buttonIndex)</p>
    <p>当前点击按钮的标题为：<strong class="aui-text-info" id="button-title"></strong>(buttonTitle)</p>
</section>
<script type="text/javascript" src="/static/auicss/script/aui-actionsheet.js" ></script>
<script type="text/javascript">
    var actionsheet = new auiActionsheet();
    function openActionsheet(){
        actionsheet.init({
            frameBounces:true,//当前页面是否弹动，（主要针对安卓端）
            title:"这里是标题",
            cancelTitle:'这里取消按钮',
            destructiveTitle:'红色警告按钮',
            buttons:['拍照','图库选择']
        },function(ret){
            if(ret){
                document.getElementById("button-index").textContent = ret.buttonIndex;
                document.getElementById("button-title").textContent = ret.buttonTitle;
            }
        })
    }
</script>