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.
43 lines
1.3 KiB
43 lines
1.3 KiB
|
|
<!-- 主题设置模板 --> |
|
|
|
<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"></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>
|
|
|