layer 弹出框

简介: layer 弹出框


  • 提示框
// 简单提示
layer.msg("保存成功!");
// 带回调函数提示框
layer.msg("保存成功",{
    icon:1       // icon:1 绿对号 icon:2 红叉号 icon:3黄问号 icon:4 灰色锁 icon:5 红哭脸 icon:6 绿笑脸 icon:7 黄叹号
},function(){
    //回调函数
});
layer.msg('保存成功',{
            offset:['50%'],
            time: 2000 //2秒关闭,默认是3秒
           },function(){
               reload();
           }
);
  • tip提示框
layer.tips("输入框不能为空",'#user_name_id',{
    time:2500
});
layer.tips("输入框不能为空",'input[name=user_name]',{
    time:2500
});
  • 窗口
/*
 * 如果是页面层
 */
layer.open({
  type: 1,
  content: '传入任意的文本或html' //这里content是一个普通的String
});
layer.open({
  type: 1,
  content: $('#id') //这里content是一个DOM,注意:最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
});
layer.open({
  content: $('#id').html(),
  success: function(layero, index){
    console.log(layero, index);
    console.log(layero.selector);
  }
});
  • 设置多个按钮
//eg1
 layer.confirm('纳尼?', {
     btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮
     ,btn3: function(index, layero){
         //按钮【按钮三】的回调
     }
}, function(index, layero){
 //按钮【按钮一】的回调
 }, function(index){
     //按钮【按钮二】的回调
 })


相关文章
|
前端开发 JavaScript 关系型数据库
若依框架------后台路由数据是如何转换为前端路由信息的
若依框架------后台路由数据是如何转换为前端路由信息的
1520 0
|
Oracle 关系型数据库 Linux
Virtualbox上安装Linux系统(CentOS7)(图文超详细)
Virtualbox上安装Linux系统(CentOS7)(图文超详细)
4167 0
|
缓存 Linux 开发工具
CentOS 7- 配置阿里镜像源
阿里镜像官方地址http://mirrors.aliyun.com/ 1、点击官方提供的相应系统的帮助 :2、查看不同版本的系统操作: 下载源1、安装wget yum install -y wget2、下载CentOS 7的repo文件wget -O /etc/yum.
251991 0
|
10月前
|
JavaScript 开发者 Windows
NVM 介绍及使用指南
NVM(Node Version Manager)是用于管理多个 Node.js 版本的命令行工具,帮助开发者在同一台机器上轻松切换不同版本的 Node.js,避免版本不兼容问题。本文介绍 NVM 的基本概念、Windows 安装方法及常用操作,助你高效管理 Node.js 版本。
1055 13
 NVM 介绍及使用指南
|
SQL 关系型数据库 数据库
手把手教你管理PostgreSQL数据库及其对象
手把手教你管理PostgreSQL数据库及其对象
590 0
|
12月前
|
JavaScript
Vue3基础(22)___vue3中使用$forceUpdate
本文介绍了在Vue 3中如何使用`$forceUpdate`来强制更新组件,通过`getCurrentInstance`方法获取到组件实例后调用。
1132 0
|
Java 关系型数据库 MySQL
【Java】已解决com.mysql.cj.jdbc.exceptions.CommunicationsException异常
【Java】已解决com.mysql.cj.jdbc.exceptions.CommunicationsException异常
2640 1
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Element UI 上传文件 el-upload —— 手动上传文件,限制上传文件数量,文件类型校验等
Element UI 上传文件 el-upload —— 手动上传文件,限制上传文件数量,文件类型校验等
3011 0