2020-02-25

layuiCms单页管理模板解析

最新推荐文章于 2020-07-03 02:11:49 发布

原创最新推荐文章于 2020-07-03 02:11:49 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

笔记专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>layuiCms - 单页面后台管理模板系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="./content/layui/rc/css/layui.css?t=201800202-1" media="all">
</head>
<body>
    <div id="LAY_app"></div>
    <script src="./content/layui/rc/layui.js?t=201800202-1"></script>
    <script>
		layui.use('layer', function(){
		  var layer = layui.layer;
		  layer.open({
				type: 2,
				area: ['500px', '500px'],
				fix: false, //不固定
				maxmin: true,
				shadeClose: true,
				shade:0.4,
				title: '这是title',
				content: 'child.html',  //url 为子布局的url路径
				success:function (layero,index) {
						var data = {from: 'parent', name: 'hufei', age: 12, gender: 1}
						window[layero.find('iframe')[0]['name']].postMessage(data, '*');
				}
			});
		})
		
		window.addEventListener('message',function(event){
					console.log(event.data)
		})
		
    </script>

</body>
</html>