Layer

安装

<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.min.js"></script>

npm i layer-src

公共参数

内置图标

{ icon:0 }  // 感叹号 😱
{ icon:1 }  // 正确 ✅
{ icon:2 }  // 错误 ❎
{ icon:3 }  // 疑问 ❓
{ icon:4 }  // 锁定 🔒
{ icon:5 }  // 不高兴 ☹️
{ icon:6 }  // 高兴  😄

Alert 弹框

调用格式

layer.alert(msg, [options], yesCallback);

参数说明

参数名	类型	是否必填	参数说明	示例值
msg	string	是	提示内容	提交成功
options	object	否	选项参数	{ icon: 5 }
yesCallback	function	否	确认回调, 用户点击确定后调用	function(layerIndex) { /* 你的代码 */ }

演示

   

示例代码

// 示例1:
layer.alert('一般弹窗');

// 示例2:
layer.alert('有图标', { icon:6 });

// 示例3: 可以直接忽略 options 参数2
layer.alert('确定吗?', function(index) {
  alert('点击了确定');
  layer.close(index);
});

Confirm 确认框

调用格式

layer.confirm(msg, [options], yesCallback, cancelCallback);

参数说明

参数名	类型	是否必填	参数说明	示例值
msg	string	是	提示内容	确定删除吗?
options	object	否	选项参数	{ icon: 5 }
yesCallback	function	否	确认按钮被点击回调	function(layerIndex) { /* 你的代码 */ }
cancelCallback	function	否	取消按钮被点击回调	function(layerIndex) { /* 你的代码 */ }

演示

 

示例代码

// 示例1
layer.confirm('确定删除吗?', { icon: 3 }, function() {
    // 确定被点击
}, function() {
    // 取消被点击
});

Msg 提示层

调用格式

layer.msg(msg, [options], [endCallback]);

参数说明

参数名	类型	是否必填	参数说明	示例值
msg	string	是	提示内容	一段文字
options	object	否	选项参数	{ icon: 5, time: 1200 }
endCallback	function	否	结束回调	function() { /* 你的代码 */ }

演示

   

Open 自定义

layer.open({
  type: 1,
  title: false,
  closeBtn: 0,
  shadeClose: true,
  skin: 'yourclass',
  content: '自定义HTML内容'
});