Layui基础-Layui 的 Tab 示例

效果图：

HTML部分：

<!--tab标签-->
<div class="layui-tab layui-tab-brief" lay-filter="tabs">
  <ul class="layui-tab-title">
    <li lay-id="detail" class="layui-this">Detail&Pod Scale</li>
    <li lay-id="replicaset">ReplicaSet&版本回滚</li>
    <li lay-id="pod">Pod&Container</li>
    <li lay-id="svc">Service&Ingress</li>
  </ul>
</div>

JS部分：
layui.use('element', function(){
    var element = layui.element;
 
    element.on('tab(tabs)', function () {
        var id = this.getAttribute('lay-id');
        location.href = "?tab=" + id;
  });