页面主题设置

 <div class="layui-form-item select-theme">
                <label class="layui-form-label">主题选择</label>
                <div class="layui-input-block">
                    <select lay-filter="larryTheme"  lay-verify="" id="themeName">
                      <option value="larry">默认主题</option>
                      <option value="A">深蓝主题</option>
                      <option value="B">墨绿主题</option>
                      <option value="C">藏青主题</option>
                    </select>
                </div>
            </div>

<script>
    // 主题设置
    form.on('select(larryTheme)',function(data){
      var themeValue=data.value;
      localStorage.setItem('themeName',themeValue);
      if(themeName){
          $('body').attr('class','');
          $('body').addClass('larryTheme-'+themeName);
      }
      form.render('select');
    })
    $('#larryTheme').on('click', function() {
        var fScreen = localStorage.getItem('fullscreen_info');
        var themeName = localStorage.getItem('themeName');
        layer.open({
            type: 1,
            title: false,
            closeBtn: true,
            shadeClose: false,
            shade: 0.35,
            area: ['490px', '365px'],
            isOutAnim: true,
            resize: false,
            anim: Math.ceil(Math.random() * 6),
            content: $('#LarryThemeSet').html(),
            success: function (layero, index) {
                if (fScreen && fScreen != 'false') {
                    $("input[lay-filter='fullscreen']").attr("checked", "checked");
                }
                if (themeName) {
                    $("#themeName option[value='" + themeName + "']").attr("selected", "selected");
                }
                form.render();
            }
        });
    });
</script>