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