MUI⾃定义从底部弹出的弹出框
1）效果：
点击“点击就送”那个按钮之后，弹窗从底部弹出并⾃带蒙层，然后点击弹窗之外的灰⾊部分就从底部消失：
第⼀步：引⼊ mui.css或者mui.min.css
引⼊ mui.min.js或者mui.js
第⼆步：<a href="#弹窗ID"> </a>
<div id="弹窗ID" class="box mui-popover mui-popover-action mui-popover-bottom"></div>
    ⾃定义弹窗的样式就OK了。
⼤致是这样：
1)引⼊：mui.css或者mui.min.css
    mui.js或者mui.min.js也⾏
    mui.picker.min.js
代码：
  ElementById('触发对象的ID').addEventListener('tap', function() {
    if (mui.os.plus) {
      var a = [{
        title: "拍照"          //这些都是可以点击的选项的内容
      }, {
        title: "从⼿机相册选择"
      }];
      plus.nativeUI.actionSheet({
        title: "修改⽤户头像",          //这⾥就是这个弹窗的title
        cancel: "取消",                    //取消按钮
        buttons: a
      }, function(b) { /*actionSheet 按钮点击事件*/
        //这⾥⾯就是触发的事件，⽐如想做⼀个选择性别的弹窗，就可以通过a[b.index].title来获取当前点击了男还是⼥，注意，此处的b.index是从1开始的。要从0开始的话，要记得减1.
mui框架常用方法      })
    }
  }, false);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。