Layer For Mobile

为了精确体验,您可通过Chrome设备模式浏览。或通过

小试牛刀

提示框 信息框 询问框 页面层 加载条

查看小试牛刀演示代码

注意事项

  1. layer mobile不对iframe提供支持。

功能演示

普通信息框,并设置2秒自动关闭:

layer.open({
content: '通过style设置你想要的样式',
style: 'background-color:#09C1FF; color:#fff; border:none;',
time: 2
});

运行

提示框,并自定义标题风格:

layer.open({
title: [
'我是标题',
'background-color:#8DCE16; color:#fff;'
],
content: '标题风格任你定义。。'
});

运行

提示框,并显示1个按钮:

layer.open({
content: '通过style设置你想要的样式',
btn: ['OK']
});

运行

询问框,并显示2个按钮,不允许点遮罩关闭:

layer.open({
content: '你是想确认呢,还是想取消呢?',
btn: ['确认', '取消'],
shadeClose: false,
yes: function(){
layer.open({content: '你点了确认', time: 1});
}, no: function(){
layer.open({content: '你选择了取消', time: 1});
}
});

运行

页面层,全屏:

var pageii = layer.open({
type: 1,
content: html,
style: 'position:fixed; left:0; top:0; width:100%; height:100%; border:none;'
});

运行

注意事项

  1. layer mobile不对iframe提供支持。