zoukankan      html  css  js  c++  java
  • layui的弹出框open常用的两种功能

    let html = "这里面写任何html内容";
    比如:let html ='<div class="nav_upload">
    ' +
        '    <input type="text" value="我是html"/>
    ' +
        '</div>
    ' +
        '<script>
    ' +
        '这里写交互功能'+
        '</script>';
    
      layer.open({
              type: 1 //Page层类型 
              ,area: ['720px', '500px']//弹出层页面比例,类型:String/Array,默认:'auto',在默认状态下,layer是宽高都自适应的,但当你只想定义宽度时,你可以area: '500px',高度仍然是自适应的。当你宽高都要定义时,你可以area: ['500px', '300px']
              ,offset:'auto'// 坐标 类型:String/Array  默认:垂直水平居中 offset默认情况下不用设置,
              // ,title: '照片上传'//title默认显示在左边,能拖动了
              ,title: ['照片上传','text-align:center']//传一个数组,第一个参数标题,第二个参数可以写任何css样式,能拖动
              // ,title: false//不显示title,但是不能拖动了
              ,shade: 0.6 //遮罩透明度 类型:String/Array/Boolean 弹层外区域。默认是0.3透明度的黑色背景('#000')。如果你想定义别的颜色,可以shade: [0.8, '#393D49'];如果你不想显示遮罩,可以shade: 0
              ,maxmin: true //允许全屏最小化
              ,anim: 1 //0-6的动画形式,-1不开启
              , content: html//在这里面输入任何合法的js语句
          });
    
     layer.open({
                type: 2 //2类型,解析url iframe层
                ,closeBtn: 1 //关闭按钮是否显示 1显示0不显示
                ,title: "我是标题"//页面标题
                ,shadeClose: true //点击遮罩区域是否关闭页面
                ,shade: 0.8 //遮罩透明度 类型:String/Array/Boolean 弹层外区域。默认是0.3透明度的黑色背景('#000')。如果你想定义别的颜色,可以shade: [0.8, '#393D49'];如果你不想显示遮罩,可以shade: 0
                ,area: ['600px', '600px'] //弹出层页面比例
                ,content: 'XXX.html'//弹出层的url,//这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['XXX.html', 'no']
            });


    转自:https://www.jianshu.com/p/de92f0f44bef
  • 相关阅读:
    Tomcat的配置
    虚拟机类加载机制
    深入理解java虚拟机之自动内存管理机制(四)
    深入理解java虚拟机之自动内存管理机制(三)
    深入理解java虚拟机之自动内存管理机制(二)
    深入理解java虚拟机之自动内存管理机制(一)
    Java的设计模式(三)
    Java的设计模式(二)
    Java的设计模式(一)
    大数据交易风控体系之智能决策引擎
  • 原文地址:https://www.cnblogs.com/Ao-min/p/13330250.html
Copyright © 2011-2022 走看看