You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
44 lines
1.3 KiB
2 years ago
|
|
||
|
|
<!-- 主题设置模板 -->
|
||
|
|
|
||
|
|
<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>
|