MUI 自定义从底部弹出的弹出框

Posted 努力┗(`O′)┛奋斗!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 自定义从底部弹出的弹出框的主要内容,如果未能解决你的问题,请参考以下文章

优化自定义Dialog的弹出速度

自定义弹出框效果

基于mui.popover的支持多选的弹出列表组件改造以及mui.prompt添加自定义内容

JS简易弹出层

UINavigationController 作为 iPhone 上的弹出框?

更改从 Swift 中的故事板创建的弹出框的箭头颜色