摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>登錄后臺(tái)</title><meta name="viewport" content="width=device-width, initial-scale=1,
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登錄后臺(tái)</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="layui/css/layui.css">
<style type="text/css">
.header{height: 50px;width:100%;background-color:#1E66A6 ;line-height: 50px;}
.title{color:#AFB0B1;font-size:16px;margin-left:20px;}
.menu{width:200px;background-color:#333844;position: absolute;height:100%;}
.layui-colla-title,.layui-collapse,.layui-colla-item,.layui-colla-content{border:none;color:#fff;}
.layui-colla-title{background-color:#42475B;}
.main{position: absolute;left:200px;top:50px;}
iframe{width:100%;height: 100%;}
</style>
</head>
<body >
<div>
<span>京東商城后臺(tái)管理系統(tǒng)</span>
</div>
<div>
<div lay-accordion>
<div>
<h2>杜甫</h2>
<div>內(nèi)容區(qū)域</div>
</div>
<div>
<h2>李清照</h2>
<div>內(nèi)容區(qū)域</div>
</div>
<div>
<h2>魯迅</h2>
<div>內(nèi)容區(qū)域</div>
</div>
</div>
</div>
<div>
<iframe src="2-71.html" scrolling="0" frameborder="0"></iframe>
</div>
<script src="layui/layui.js"></script>
<script>
//注意：折疊面板 依賴 element 模塊，否則無(wú)法進(jìn)行功能性操作
layui.use('element', function(){
var element = layui.element;
//…
});
</script>
</body>
</html>
批改老師：韋小寶批改時(shí)間：2019-02-11 09:41:43
老師總結(jié)：寫的很不錯(cuò) 很簡(jiǎn)單的一個(gè)樣式 layui完成后臺(tái)管理頁(yè)是很方便的