layui中layer的宽高怎么自定义设置?

layui中的layer模块可使用area属性来设置宽高。默认状态下,layer是宽高都自适应的,但当需要自定义宽度和高度时就可以使用“area:[‘宽度’,’高度’]”语句来设置,例“area:[‘500px’,’300px’]”。

layui中layer的宽高怎么自定义设置?

在默认状态下,layer是宽高都自适应的 

但是有时需要单独自定义宽度和高度,代码如下:

var looptran = layer.msg(loopTranInfo, {    time: 10000, //10s后自动关闭    area:['300px', '200px'] ,     /* area: '400px',*/    btn: ['确定']});

登录后复制

其中 area:[‘300px’, ‘200px’] 可以自定义高宽度

网上说的先定义layer.msg,再用layer.style限定宽度或高度无效!无效代码如下:

var looptran = layer.msg(loopTranInfo, {    time: 10000, //10s后自动关闭    area:['300px', '200px'] ,     /* area: '400px',*/    btn: ['确定']}); layer.style(looptran, {    width: '400px',    height:'200px'});

登录后复制

官网说明截图:
这里写图片描述

更多编程相关知识,请访问:编程课程!!

以上就是layui中layer的宽高怎么自定义设置?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3005510.html

(0)
上一篇 2025年3月13日 00:57:55
下一篇 2025年3月13日 00:58:04

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • layui输入框如何设置禁止输入

    layui输入框设置禁止输入的方法:首先打开相应的代码文件;然后通过设置输入框属性为“disabled readonly class=”layui-input layui-disabled””来实现禁止输入即可。 推…

    2025年3月13日
    000
  • layui如何使用jquery

    layui使用jquery的方法:1、主动加载jquery模块,语句如“layui.use([‘jquery’, ‘layer’]…)”;2、通过“layui.use(&#8216…

    2025年3月13日
    200
  • layui怎么关闭当前弹窗

    layui关闭当前弹窗的方法:首先获取当前窗口的name;然后利用【parent.layer.close(index);】关闭当前窗口即可。 本教程操作环境:windows10系统、layui2.5.6版,该方法适用于所有品牌电脑。 lay…

    2025年3月13日
    200
  • layui中如何获取表格数据

    layui中获取表格数据的方法:1、创建一个js对象数组,用来保存表格中的原始数据;2、为对象数组赋【table.render()】的data参数;3、获取tableContent中的数据即可。 本教程操作环境:windows10系统、la…

    2025年3月13日
    200
  • layui怎么关闭弹出层

    layui关闭弹出层的方法:通过【layer.closeAll();】方法来关闭,这种方法可以关闭所有的弹出层;如果我们只需要关闭页面层,可以使用方法【layer.closeAll(‘page’);】来实现。 本教程…

    2025年3月13日
    200
  • layui如何刷新当前tab选项卡

    layui刷新当前tab选项卡的方法:可以使用reload方法来进行刷新,如【location.reload();】;reload方法用于刷新当前文档,该方法的作用类似于浏览器上的刷新页面按钮的作用。 本教程操作环境:windows10系统…

    2025年3月13日
    200
  • layui怎么用open属性隐藏按钮

    layui用open属性隐藏按钮的方法:可以通过在【layer.open】方法中添加样式【closeBtn:0】来实现,layer提供了两种风格的关闭按钮,可以通过配置1和2来展示。 本教程操作环境:windows10系统、layui2.5…

    2025年3月13日
    200
  • layui调用弹层的方法

    layui调用弹层的方法:1、引用独立的【layer.js】文件,代码如【】;2、调用layui中的layer模块,代码如【ayer.msg(‘hello’);】。 推荐:《layUI教程》 本教程操作环境:wind…

    2025年3月13日
    200
  • layui input只读属性是什么

    layui input只读属性是readonly,该readonly属性规定输入字段为只读,并且readonly属性可以防止用户对值进行修改,直到满足某些条件为止。 推荐:《layUI教程》 layui input只读属性 layui in…

    2025年3月13日
    200
  • layui数据表格删除当前行的实现方法

    layui数据表格删除当前行的实现方法:首先创建一个代码示例文件;然后通过“oldData.splice(obj.tr.data(‘index’),1);”方法实现删除当前行即可。 推荐:《layUI教程》 本教程操…

    2025年3月13日
    200

发表回复

登录后才能评论