layer Web移动合并版及其说明

layer Web移动合并版及其说明

在Web端的弹窗组件中,layer算得上是不错的一款了。

Web端官方下载地址为

layer

移动端官方下载地址为

layer移动版

当然也存在着一些细微的小问题

例如Web端和移动端两个版本不能同时使用,后引入的会把之前的覆盖掉,例如以下网址说明及官方说明

http://fly.layui.com/jie/12318/ 

QQ20180305-184117@2x.png


WX20180305-205116@2x副本.png


但这个问题,本人已经完美解决了且亲测有效,接下来请看演示

说明:

1、因篇幅有限,仅演示其中几个示例

2、为保证显示效果,官方示例中部分代码有修改

主界面:

WX20180305-202809@2x.png


Web版:

WX20180305-202827@2x.png


WX20180305-202840@2x.png


WX20180305-202903@2x.png


移动版:

WX20180305-202912@2x.png


WX20180305-202927@2x.png


WX20180305-202947@2x.png


部分代码展示:

WX20180305-204919@2x.png


对了官方demo移动版还存在另一个小问题

其中的“自定义标题风格”demo,直接使用官方给的话,顶部会有一段白色的区域,如下图绿色框所示
WX20180305-205831@2x.png

解决办法很简单,在对应js脚本处追加以下代码即可,详情如下图所示

WX20180305-210220@2x.png


修改后的示例,请参见上文

终于到了最激动人心的时刻了O(∩_∩)O~~

以上示例下载地址为:

http://www.idaima.com/a/126.html
 
使用说明:

下载源码后请参见index.html,若需具体使用

Web版js的脚本还是使用"layer"调用

移动版的js脚本使用"layer_mobile"调用

如果还有什么不明白的地方,欢迎加我QQ进行咨询,请注明技术咨询

本人QQ:980569038

TP集成支付宝群:594955172

 

若该文章对您有一定帮助,欢迎打赏

qq_pay@2x.png


wechat_pay@2x.jpg


alipay@2x.jpg


(点击图片可放大)

本人原创,转载请注明出处

http://www.itinfor.cn/archives/1621

花3元钱购买>(可以在导航里的“我的购买历史”中免费下载已付款后的资料)

0 个评论

要回复文章请先登录注册