npm i --save layui-layer

2、在main.js中引入

import layer from "layui-layer";

3、然后就可以在各个组件中使用layer了

实例:

layer.confirm('您是如何看待前端开发?', {
btn: ['重要','奇葩'] //按钮
}, function(){
layer.msg('的确很重要', {icon: 1});
}, function(){
layer.msg('也可以这样', {
time: 20000, //20s后自动关闭
btn: ['明白了', '知道了']
});
});

4、在项目中使用loading页

            var loading= layer.load(3, {//请求未成功时出现loading页 ,3代表一中效果
shade: [0.1,'#fff'] //0.1透明度的白色背景
}); layer.close(loading); //停止loading效果
         var confirm=layer.confirm('删除后,作者所选择【单位序号】数据将被清空,需要重新选择,是否确定?', {
btn: ['确定','取消'] //按钮
}, function(){
self.companyInfoArr.splice(index,1);
layer.close(confirm);
},function(){
});

5,1.5s后消失的提示框

layer.msg("操作成功!",{icon:,time:});//提示框

6,询问框

                    layer.confirm('是否已完成支付?', {//layer弹窗插件
title:"信息",
closeBtn: ,
btn: ['付款成功','付款失败'] //按钮
}, function(){
self.completePay(id);//查询是否支付
layer.closeAll();
},function(){
//...
});

官方地址:http://layer.layui.com/

上面有各种弹窗的使用示例

最新文章

  1. MD5工具类
  2. vue生命周期
  3. 07_旅行商问题(TSP问题,货郎担问题,经典NPC难题)
  4. infragistcs 又
  5. iOS - OC NSRange 范围
  6. 服务器设置Apache对htaccess支持
  7. Linux中的syslog 入门学习教程
  8. .Net Remoting浅释
  9. iphone开发 IOS 组织架构图
  10. Deep Learning for Natural Language Processing1
  11. STM32/GD32芯片信息(转)
  12. lbp特征提取(等价模式)
  13. ThinkPhp5.0_文件上传
  14. RHEL6非交互式工具sshpass和expect安装
  15. vue-axios
  16. 计算价格, java中浮点数精度丢失的解决方案
  17. (转)编译android5.1,添加swap分区的方法
  18. ios开发之--MJRefresh的简单使用
  19. STL_算法_05_集合算法
  20. Thinking in Java之衍生类和基础类的初始化顺序

热门文章

  1. (转)关于Android中为什么主线程不会因为Looper.loop()里的死循环卡死?引发的思考,事实可能不是一个 epoll 那么 简单。
  2. APOC官网触发器示例执行后Web页面一直转圈
  3. SQLServer 导入大容量sql文件
  4. 20-Perl 正则表达式
  5. Ubuntu14.04更新硬件实现堆栈(HWE)
  6. JS基础_代码块
  7. javascript相关的增删改查以及this的理解
  8. python图像处理
  9. SVN主从备份
  10. PyCharm 创建指定版本的 Django (超详细图解)