|   | 
| <!-- 主题设置模板 --> | 
|   | 
| <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> |