layui的弹出框msg修改字体按钮样式

调整layui的弹出框msg的字体大小以及其他样式: //文本里面可以加html标签let sure = layer.msg('span style="font-size:20px"确定喜欢她吗?/span', { time: 0 //0表示不自动关闭 ,time自动关闭所需毫秒 ,单位是毫秒(1秒=1000毫秒) , btn: ['span style="f
调整layui弹出框msg的字体大小以及其他样式:
//文本里面可以加html标签
let sure = layer.msg('<span style="font-size:20px">确定喜欢她吗?</span>', {
        time: 0 //0表示不自动关闭 ,time自动关闭所需毫秒 ,单位是毫秒(1秒=1000毫秒)
        , btn: ['<span style="font-size:20px">确定</span>', '<span style="font-size:20px">取消</span>'],
           //success指的是 修改按钮的样式 三种样式left center right
           success: function(layero){
               layero.find('.layui-layer-btn').css('text-align', 'center')
           }
        , yes: function (index) {
            点击确定触发事件
        }
    });
//sure指的是上面的msg弹出层,定义msg弹出层的样式
layer.style(sure,{
    width:10px,
    height:10px
});
layui的弹出框open常用的两种功能:
let html = "这里面写任何html内容";
比如:let html ='<div class="nav_upload">\n' +
    '    <input type="text" value="我是html"/>\n' +
    '</div>\n' +
    '<script>\n' +
    '这里写交互功能'+
    '</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']
        });
 
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

layui实现图片上传成功后回显点击放大图片功能,html代码部分: !-- html代码--div class="layui-form-item" label class="layui-form-label"上传图片/label div class="layui-input-block" button type="button" class="layui-btn" id="license-auth-letter-
Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果,最终效果如下图所示: 实现代码如下,在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150
我们在用到layui时候,需要点击文本输入框调起弹出选择框并选择内容,这个要怎么操作呢?以下两种方法可以参考: 1、点击名称,弹出信息弹框,选择表格中的某一行,实现效果如下: html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen
DEDE默认的搜索功能,所得到的结果是按照文章加入的先后排序的 很多时候,我们希望得到的结果按点击数排序,点击多的排前面。 那么就修改这一个地方: include/inc_arcsaerch_view.php的大概第48行,将: $this-OrderBy = 'dede_full_search.aid desc'; 改为
我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢?实现的最终效果如下: 1. 在当前HTML文档checked监听函数中增加以下代码: //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);
按钮代码如下: {field: 'state', title: '状态', width: 85, templet: function (data) { if (data.state == 0) { return 'div input type="checkbox" checked="" name="codeSwitch" lay-skin="switch" id="open" lay-filter="switchTest" switchId=' + data