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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM