【Layui】弹出框页面层

【Layui】弹出框

var index = layer.open({
	type: 1,//type=1 页面层(弹出自己写的html代码)
	title: "标题",
	maxmin: true,//弹框缩放
	area: ['500px', '300px'],//弹框大小 宽，高
	content: $("#demo"),//也可以直接写html代码 '<div>文本</div>'
	success : function(layero, index) {
		alert($(".layui-layer").width());//获取弹框的宽度
		//如果有多个弹框 $("#layui-layer" + index).width()（用的时候需要注意：index在频繁创建弹框的情况下，是会变化的）
	}, full: function(layero, index) {
		//全屏
	}, restore: function(layero, index) {
		//还原（从全屏状态下返回小屏）
	}, cancel: function () {
		//关闭
	}
});
layer.full(index);//打开弹框直接全屏

<div class="layui-row" id="demo" style="display:none;">
	<div>
		<blockquote class="layui-elem-quote layui-text">注意事项: 请填写相关的数据信息! </blockquote>
	</div>
</div>ipt