layui的弹出层layer注意事项

找到(快速上手)首先页面层为例,如下:
两种:layer.js + jquery.jslayui.js + layui.css都行

//弹出一个页面层
  $('#test2').on('click', function(){
    layer.open({
      type: 1,
      area: ['600px', '360px'],
      shadeClose: true, //点击遮罩关闭
      content: '\<\div style="padding:20px;">自定义内容\<\/div>'
    });
  });

layui的弹出层layer注意事项_第1张图片
关键是如何填充内容
官方的参数

  1. 改掉信息二字,title: [‘文本’, ‘font-size:18px;’],写在layer.open({ })里边
  2. 改掉content内容,把content: '\<\div style="padding:20px;">自定义内容\<\/div>'换成content: $('#id')此处的id去外面定义,官方推荐在body外面定义,然后加个display:none;(亲测,点击正常弹出,不至于页面又显示这些内容)
  3. 其他area,btn等可看官方文档,比较细
    layui的弹出层layer注意事项_第2张图片

你可能感兴趣的:(Layui)