layer mobile使用方法

1.首先页面中引入css文件和js文件

<link rel="stylesheet" type="text/css" href="js/layer/need/layer.css">
<script src="js/jquery-2.1.4.min.js"></script>//以jq为基础，可不用
<script src="js/layer/layer.js"></script>

2.弹窗公共样式

.layui-m-layer0 {.layui-m-layerchild {width: 5.4rem !important;border-radius: .2rem;.layui-m-layercont {padding: 0;.title {padding: .34rem .6rem .34rem .6rem;line-height: .48rem;font-size: .3rem;font-weight: bold;}}.layui-m-layerbtn {height: .89rem;line-height: .89rem;font-size: .36rem;background: #fff;border-color: #E6E6E6;border-radius: 0 0 .2rem .2rem;>span {border-color: #E6E6E6;color: #1786FC;&:first-child {border-radius: 0 0 0 .2rem;}&:last-child {border-radius: 0 0 .2rem 0;}}}}
}

3.自定义弹窗内容

<div style="display:none;" class="dialog-box js-tel-box"><div><p class="title">亲，我们将以电话形式告知您 验证码，您将会接到【138001 3800】电话，请放心接听！</p></div>
</div>

4.调用

$('.js-turn-voice').on('click', function () {layer.open({content: $('.js-tel-box').html(),btn: ['现在接听', '取消'],yes: function (index) {layer.close(index);settime(obj);}});
})

最终样式

layer mobile使用方法相关推荐

基于layer mobile手机端弹出框，询问框（PC端推荐layer和artDialog：http://download.csdn.net/download/cometwo/9437895）...
layer mobile是为移动设备(手机.平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选 ...
jQuery Mobile中jQuery.mobile.changePage方法使用详解
jQuery.mobile.changePage方法用的还是很多的.作为一个老手,有必要对jQuery mobile中实用方法做一些总结.系列文章请看jQuery Mobile专栏.jquery.mo ...
php添加成功关闭窗口,php后台保存数据并指向一个关闭layer窗口的方法
php后台保存数据并指向一个关闭layer窗口的方法发布时间:2020-08-29 10:13:00 来源:亿速云阅读:87 作者:小新这篇文章主要介绍php后台保存数据并指向一个关闭layer ...
layer.open使用方法和参数
layer.open({ type: 2, //类型,解析url closeBtn: 1, //关闭按钮是否显示 1显示0不显 ...
layer.open使用方法和参数说明(好用)
$("#btn_xmgl").click( function() { layui.use('layer', function(){ laye ...
Layer For Mobile
Layer For Mobile layer mobile是为移动设备(手机.平板等webkit内核浏览器/webview)量身定做的弹层UI.由于是采用原生 JavaScript编写,所有并不依赖任 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十四) —— jQuery Mobile 方法下
本文承接上文<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 方法上>,继续说明 jQuery Mobile 的方法,这部分内容主 ...
Caffe源码中layer文件分析
Caffe源码(caffe version commit: 09868ac , date: 2015.08.15)中有一些重要的头文件,这里介绍下include/caffe/layer.hpp文件的内 ...
Spring框架之(无参、有参)构造方法与setter方法的初始化
我们之前要创建对象时,都需要new一下,但使用了Spring后,就不需要再new了,可以直接使用类名调用了.这是因为Spring 已经为我们自动创建好了Java对象(但需要在xml文件里进行一些配置) ...
layer弹出信息框API
layer API之键值(仅在需要时配置,未配置的会用默认) 键 : 值描述 skin : 0 层的皮肤编号,值为整数型.目前默认只提供一种皮肤,当你按照样式规则新增皮肤时(详见skin/layer ...

layer mobile使用方法

1.首先页面中引入css文件和js文件

2.弹窗公共样式

3.自定义弹窗内容

4.调用

layer mobile使用方法相关推荐

最新文章

热门文章