src/main/resources/templates/home/theme.html

<div class="layui-card-header">
    <h2 class="header-title">多标签：</h2>
    <div class="pull-right layui-form">
        <input type="checkbox" lay-skin="switch" lay-text="ON|OFF" id="set-tab" lay-filter="set-tab" checked/>
    </div>
</div>

<div class="layui-card-header"><h2 class="header-title">设置主题：</h2></div>
<div class="layui-card-body layui-text">
    <a href="/home/setTheme" class="layui-btn" style="background-color: #009688;">默认主题</a>
    <a href="/home/setTheme?themeName=blue" class="layui-btn layui-btn-normal">蓝色主题</a>
    <br><br><br>
  
</div>

<script>
    layui.use(['form', 'index', 'admin'], function () {
        var form = layui.form;
        var index = layui.index;
        var admin = layui.admin;

        $('#set-tab').prop('checked', index.pageTabs);
        form.render('checkbox');

        form.on('switch(set-tab)', function (data) {
            if (data.elem.checked) {
                location.reload();
            } else {
                index.pageTabs = false;
                index.checkPageTabs();
                admin.refresh();
                admin.closePopupRight();
            }
        });

    });
</script>