为了精确体验,您可通过Chrome设备模式浏览。或通过
普通信息框,并设置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;'
});
运行