第一步:引入layui.css和layui.all.js文件(自己网上搜一下就可以下载了)
<link rel="stylesheet" href="layui-v2.4.3/layui/css/layui.css" />
<script src="layui-v2.4.3/layui/layui.all.js"></script>
第二步:建立一个div容器
<div class="layui-tab layui-tab-card">
<ul class="layui-tab-title">
<li class="layui-this">网站设置</li>
<li>用户管理</li>
<li>权限分配</li>
<li>商品管理</li>
<li>订单管理</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<div class="layui-tab-item layui-show">1</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 class="layui-tab-item">6</div>
</div>
</div>
第三步:就可以平行切换选项了