最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

layui弹出层(open)的属性介绍

来源:动视网 责编:小采 时间:2020-11-03 18:19:47
文档

layui弹出层(open)的属性介绍

layui弹出层(open)的属性介绍:layui.open属性如:打开一个弹出层核心方法var index = layer.open({ type : 2, title : title, maxmin : true, offset: '100px', area : [ '600px', '500px' ], content : pre
推荐度:
导读layui弹出层(open)的属性介绍:layui.open属性如:打开一个弹出层核心方法var index = layer.open({ type : 2, title : title, maxmin : true, offset: '100px', area : [ '600px', '500px' ], content : pre


layui.open属性如:打开一个弹出层

核心方法

var index = layer.open({
 type : 2,
 title : title,
 maxmin : true,
 offset: '100px',
 area : [ '600px', '500px' ],
 content : prefix + url// iframe的url
 });
 layer.full(index); //最小化

type - 基本层类

类型:Number,默认:0

layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)

title - 标题

类型:String/Array/Boolean,默认:’信息’

title支持三种类型的值,若你传入的是普通的字符串,如title :’我是标题’,那么只会改变标题文本;若你还需要自定义标题区域样式,那么你可以title: [‘文本’, ‘font-size:18px;’],数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title: false

content - 内容

类型:String/DOM/Array,默认:”

content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同(定义一个form表单传入时直接通过("#id")传入,dom对象form的验证没影响,如果

(“#id”).html()这样取出的是html元素。)

skin - 样式类名

类型:String,默认:”

skin允许传入layer内置的样式class名,还可以传入自定义的class名。目前layer内置的skin有:layui-layer-lanlayui-layer-molv推荐使用自己来定义

area - 宽高

类型:String/Array,默认:’auto’

在默认状态下,layer是宽高都自适应的,但当你只想定义宽度时,你可以area: ‘500px’,高度仍然是自适应的。当你宽高都要定义时,你可以area: [‘500px’, ‘300px’]

offset - 坐标

类型:String/Array,默认:垂直水平居中

offset默认情况下不用设置。但如果你不想垂直水平居中,可以进行查询官网赋值

maxmin - 最大最小化。

类型:Boolean,默认:false

该参数值对type:1和type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

更多layui知识请关注layui使用教程栏目。

文档

layui弹出层(open)的属性介绍

layui弹出层(open)的属性介绍:layui.open属性如:打开一个弹出层核心方法var index = layer.open({ type : 2, title : title, maxmin : true, offset: '100px', area : [ '600px', '500px' ], content : pre
推荐度:
标签: 弹窗 layer open
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top