zoukankan      html  css  js  c++  java
  • layer弹窗常用

    1.layer.confirm('一个月只能申请5次修改 ' +
    '审核将会在7个工作日内完成,请确认是否提交修改申请?', {
    btn: ['确定','取消'], //按钮
    title:'提示',
    }, function(){
    console.log('点了确定');

    layer.msg('修改成功', {icon: 1,time:1500,end:function () {
    // window.location.href="<?=url('miniapp/index')?>"; //跳转到指定页面
    window.location.reload(); // 刷新页面
    }});

    layer.msg(info, {icon: 2,time:1800});


    }, function(){
    layer.closeAll(); // 关闭弹窗
    });


    2.icon 1 打勾,2 打叉。


    3.layer.msg('请先输入功能介绍'); //没有带icon的msg,是灰色透明的弹窗


    4.layer.alert('测试'); // 带头部和确认的弹窗


    5.layer.msg('提示内容', {icon: 2,time:1800}); //默认是2秒关闭。 没带确认键的弹窗


    6.layer.alert('一次只能添加一个类目',{title:'提示'}); // 带头部和确认的弹窗,自定义title


    7. var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2

    8. layer.load(0, {shade: [0.1,'#fff']}); //0代表加载的风格,支持0-2 有透明层不能点击

    9. layer.closeAll('loading'); // 关闭加载框

    10. 弹窗中加入代码

    layer.open({
    type: 1,
    title: '打印预览',
    skin: 'layui-layer-rim', //加上边框
    area: ['726px', '595px'], //宽高
    content: $(this).siblings('.print_box')
    })


    11.

    //iframe窗

    layer.open({
    type: 2, //type=2是打开页面地址,type=1是打开html标签
    title: false,
    closeBtn: 0, //不显示关闭按钮
    shade: [0],
    area: ['340px', '215px'],
    offset: 'rb', //右下角弹出
    time: 2000, //2秒后自动关闭
    anim: 2,
    content: ['test/guodu.html', 'no'], //iframe的url,no代表不显示滚动条
    end: function(){ //此处用于演示

    }
    });

    layer.open({
    type: 1,
    title: '很多时候,我们想最大化看,比如像这个页面。',
    shadeClose: true, // 点击蒙层是否可关闭
    shade: false, //背景蒙层,0.4
    maxmin: true, //开启最大化最小化按钮
    area: ['893px', '600px'],
    content: '//fly.layui.com/' // 或 $('#content')
    });

  • 相关阅读:
    实现雨滴的效果
    rainyday.js
    XHTML1.0版本你知道么,跟html5版本有什么区别
    背景图合并用在什么地方最适合,有什么优点
    什么是css hack
    用一两句话说一下你对“盒模型”这个概念的理解,和它都涉及到哪些css属性
    块属性标签和行内属性标签及样式优先级
    【Loadrunner】Loadrunner 手动关联技术
    【黑盒测试】测试用例的常用方法
    【Linux】阿里云服务器部署--禅道
  • 原文地址:https://www.cnblogs.com/ygyy/p/11571949.html
Copyright © 2011-2022 走看看