zoukankan      html  css  js  c++  java
  • 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了。

    http://www.cnblogs.com/zjjDaily/p/6073611.html这个也可以用上面的格式自定义来实现

    MUI 底部弹出的选择框

     

    大致是这样:

    1)引入:mui.css或者mui.min.css

        mui.js或者mui.min.js也行

        mui.picker.min.js

    代码:

      document.getElementById('触发对象的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.

          }) 

        

      }, false);

  • 相关阅读:
    mysql锁 实战测试代码
    Memcache教程 Memcache零基础教程
    Moneybookers API支付方式开发 步骤
    dede判断当前文章
    Windows下的Memcache安装 linux下的Memcache安装
    Ecshop:后台添加新功能栏目以及管理权限设置
    解决echsop兼容jquery(transport.js的冲突)的问题
    PHP AJAX JSONP实现跨域请求使用实例
    shell基础 -- 基本语法
    神器之strace
  • 原文地址:https://www.cnblogs.com/xzzzys/p/7889792.html
Copyright © 2011-2022 走看看