2018年3月5日
layer Web移动合并版及其说明
在Web端的弹窗组件中，layer算得上是不错的一款了。
Web端官方下载地址为
移动端官方下载地址为
http://layer.layui.com/mobile/
当然也存在着一些细微的小问题
例如Web端和移动端两个版本不能同时使用，后引入的会把之前的覆盖掉，例如以下网址说明及官方说明
http://fly.layui.com/jie/12318/
但这个问题，本人已经完美解决了且亲测有效，接下来请看演示
说明：
1、因篇幅有限，仅演示其中几个示例
2、为保证显示效果，官方示例中部分代码有修改
主界面：
Web版：
移动版：
部分代码展示：
对了官方demo移动版还存在另一个小问题
其中的“自定义标题风格”demo，直接使用官方给的话，顶部会有一段白色的区域，如下图绿色框所示
解决办法很简单，在对应js脚本处追加以下代码即可，详情如下图所示
修改后的示例，请参见上文
终于到了最激动人心的时刻了O(∩_∩)O~~
以上示例下载地址为：
http://www.idaima.com/a/126.html
使用说明：
下载源码后请参见index.html，若需具体使用
Web版js的脚本还是使用”layer”调用
移动版的js脚本使用”layer_mobile”调用
如果还有什么不明白的地方，欢迎加我QQ进行咨询，请注明技术咨询
本人QQ：980569038
TP集成支付宝群：594955172
若该文章对您有一定帮助，欢迎打赏
（点击图片可放大）
本人原创，转载请注明出处
网友评论