| 
<!-- 主题设置模板 --> 
 | 
  
 | 
<script type="text/html" template lay-done="layui.data.theme();"> 
 | 
  {{#  
 | 
    var local = layui.data(layui.setter.tableName) 
 | 
    ,theme = local.theme || {} 
 | 
    ,themeColorIndex =  parseInt((theme && theme.color) ? theme.color.index : 0) || 0; 
 | 
  }} 
 | 
  
 | 
  <div class="layui-card-header"> 
 | 
    配色方案 
 | 
  </div> 
 | 
  <div class="layui-card-body layadmin-setTheme"> 
 | 
    <ul class="layadmin-setTheme-color"> 
 | 
      {{# layui.each(layui.setter.theme.color, function(index, item){ }} 
 | 
        <li layadmin-event="setTheme" data-index="{{ index }}" data-alias="{{ item.alias }}"  
 | 
        {{ index === themeColorIndex ? 'class="layui-this"' : '' }} title="{{ item.alias }}"> 
 | 
          <div class="layadmin-setTheme-header" style="background-color: {{ item.header }};"></div> 
 | 
          <div class="layadmin-setTheme-side" style="background-color: {{ item.main }};"> 
 | 
            <div class="layadmin-setTheme-logo" style="background-color: {{ item.logo }};"></div> 
 | 
          </div> 
 | 
        </li> 
 | 
      {{# }); }} 
 | 
    </ul> 
 | 
  </div> 
 | 
</script> 
 | 
  
 | 
<script> 
 | 
layui.data.theme = function(){ 
 | 
  layui.use('form', function(){ 
 | 
    var form = layui.form 
 | 
    ,admin = layui.admin; 
 | 
     
 | 
    //监听隐藏开关 
 | 
    form.on('switch(system-theme-sideicon)', function(){ 
 | 
      admin.theme({ 
 | 
        hideSideIcon: this.checked 
 | 
      }) 
 | 
    }); 
 | 
  }); 
 | 
}; 
 | 
</script> 
 |