提示框:layer.msg
/**
* content:文本内容,可以写html标签,可以操作dom
* title:标题(默认false),还可以写样式:title: ['文本', 'font-size:18px;']
* type:弹出类型【0-信息框(默认)、1-页面层、2-iframe层、3-加载层、4-tips提示层】
* icon:图标【0、1、2、3、4、5、6、16】
* time:持续时间【毫秒】
* skin:自定义样式class
* area:宽高(默认自适应)
* offset:坐标(默认垂直水平居中)
* btn:按钮
* btnAlign:按钮排列
* closeBtn:关闭按钮
* shade:遮罩[透明度,颜色]
* shadeClose- 是否点击遮罩关闭
* anim:动画【0-6】
* isOutAnim:关闭动画
* resize:是否允许拉伸
* fixed:鼠标滚动时,层是否固定在可视区域
* resizing:监听窗口拉伸动作
* maxmin:默认不显示最大小化按钮。需要显示配置maxmin: true即可
* scrollbar:默认允许浏览器滚动,如果设定scrollbar: false,则屏蔽
* maxWidth- 最大宽度
* maxHeight- 最大高度
* success:层弹出后的成功回调方法
* yes- 确定按钮回调方法
* cancel- 右上角关闭按钮触发的回调
* end- 层销毁后触发的回调
*/
// layer.load(1)
layer.msg("", {
content: "<p>操作成功</p>",
title: false,
type: 0,
icon: 1,
time: 2000,
skin: 'demo-class',
area: ['50px', '100px'],
anim: 2
});
layer.msg('只想弱弱提示');
layer.msg('有表情地提示', {icon: 6});
layer.msg('关闭后想做些什么', function () {
//do something
});
layer.msg('同上', {
icon: 1,
time: 2000 //2秒关闭(如果不配置,默认是3秒)
}, function () {
//do something
});