You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.1 KiB
33 lines
1.1 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
|
|
<title></title>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
|
||
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- 底部选项卡 -->
|
||
|
|
<div class="layui-tab">
|
||
|
|
<ul class="layui-tab-title layui-col-md3">
|
||
|
|
<li class="layui-this">网站设置</li>
|
||
|
|
<li>用户管理</li>
|
||
|
|
<li>权限分配</li>
|
||
|
|
<li>商品管理</li>
|
||
|
|
<li>订单管理</li>
|
||
|
|
</ul>
|
||
|
|
<div class="layui-tab-content layui-col-md9">
|
||
|
|
<div class="layui-tab-item layui-show">
|
||
|
|
1. 高度默认自适应，也可以随意固宽。
|
||
|
|
<br>2. Tab进行了响应式处理，所以无需担心数量多少。
|
||
|
|
</div>
|
||
|
|
<div class="layui-tab-item">内容2</div>
|
||
|
|
<div class="layui-tab-item">内容3</div>
|
||
|
|
<div class="layui-tab-item">内容4</div>
|
||
|
|
<div class="layui-tab-item">内容5</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|