注册登录

wenju

发布：2015-09-17 21:35
更新：2024-06-15 17:31
阅读：6556

【交流分享】果断抛弃layer的对话框,自己写了一个对话框,兼容Android和IOS

分类：MUI

技术分享

没有用nativeUI的对话框,因为没法自定义,样式也不好看;
后来都说推荐用layer对话框http://layer.layui.com/mobile/
但是发觉问题还蛮多:
1.Android上确定按钮错位,得自己css调行高
2.关闭的时候,按钮的事件会穿透,得自己写延时300毫秒关闭
3.IOS上点击弹出的按钮和对话框的按钮重叠时,会无法再次打开对话框

内容很少时,对话框也会跟着变得很小,得自己css设置
..其他..
去他们官网问,他们回答最多的就是这边的没有问题啊..
好吧,,,总之,最后还是抛弃layer了..

今天自己写了一个分享给大家
使用超级简单,调一个方法搞定!
解决了上述问题,兼容Android和IOS;
先看效果:
1.标题和内容的对话框

带一个按钮的对话框
带两个按钮和其他控件的对话框
多个按钮和其他控件的对话框
带标题和自定义内容的对话框
完全自定义的对话框

7.更多自己研究发现了..

完整案例在附件:
有问题欢迎指点O(∩_∩)O~

写完下班睡觉

对话框Demo.zip

15 赞关注分享

sowang

Alan1988

Back

stx

hellowd

dev_wen

diken

28 个评论

要回复文章请先登录或注册

Back

回复 wenju ：

谢谢 ~ 果断收藏起来

2015-11-30 11:34

wenju (作者)

回复 Henotret ：

哇不知道有这个问题哦我一般都是自己写布局模拟checkbox和radio~~~~(>_<)~~~~

2015-11-26 09:52

wenju (作者)

回复 Back ：

http://laydate.layui.com/ 这个时间控件挺不错的

2015-11-26 09:50

Henotret

请问为什么加入checkbox和radio没法选择响应呢

2015-11-24 16:44

Back

回复 wenju ：

嗯嗯 ~ 那我继续去试试有没比较好用的

2015-10-22 04:09

wenju (作者)

回复 Back ：

不好意思哦没有用过时间选择插件以后用到再研究一下嘿嘿~~

2015-10-21 09:37

Back

回复 wenju ：

哈哈哈，楼主你才是大神。楼主有用过比较好的时间选择插件推荐吗？我试了几个觉得体验都不太好_(:3」∠)_

2015-10-21 04:36

wenju (作者)

回复 Back ：

O(∩_∩)O谢谢大神指点

2015-10-19 09:15

Back

回复 Back ：

说错了，是在119行加上这段代码

2015-10-18 22:38

Back

谢谢分享，本人使用的时候发现个小问题，打开对话框后背景的页面还是可以滚动。修改了下layer.js 119行问题解决：
document.getElementById("layer_root").addEventListener("touchmove",function(e){
e.preventDefault();
});
另外本人求一个时间选择的插件。原生的样式不好看，H5的我真机运行有点卡。不知道楼主有无好的推荐下

2015-10-18 22:31

<
1
2
3
>