74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
/*
|
|
* @Descripttion : FOXCMS是一款高效的PHP多端跨平台内容管理系统
|
|
* @Author : FoxCMS Team
|
|
* @Date : 2022-12-20 15:53:25
|
|
* @version : V1.08
|
|
* @copyright : ©2021-现在 贵州黔狐科技股份有限公司 版权所有
|
|
* @LastEditTime : 2022-12-20 21:39:11
|
|
*/
|
|
$(document).on('click', '.theme-color-list .color-item', function () {
|
|
let $this = $(this),
|
|
isActive = $this.is('.active');
|
|
|
|
if (!isActive) {
|
|
// 切换激活项
|
|
_switchColorActive($this);
|
|
// 保存颜色
|
|
let color1 = $this.find('span:nth-child(1)').css('backgroundColor');
|
|
let color2 = $this.find('span:nth-child(2)').css('backgroundColor');
|
|
_saveThemeColor(color1, color2);
|
|
}
|
|
});
|
|
|
|
// 修改主题色1
|
|
$(document).on('click', '.diy-color-1 .confirm', function () {
|
|
let $colorShow = $(this).closest('.foxui-color').find('.foxui-color-show').css('backgroundColor');
|
|
// 修改自定义展示的颜色
|
|
_modifyThemeColor($colorShow);
|
|
// 切换激活项
|
|
_switchColorActive($('.color-item.diy-color'));
|
|
// 保存自定义颜色
|
|
_saveThemeColor($colorShow);
|
|
});
|
|
|
|
// 修改主题色2
|
|
$(document).on('click', '.diy-color-2 .confirm', function () {
|
|
let $colorShow = $(this).closest('.foxui-color').find('.foxui-color-show').css('backgroundColor');
|
|
// 修改自定义展示的颜色
|
|
_modifyThemeColor('', $colorShow);
|
|
// 切换激活项
|
|
_switchColorActive($('.color-item.diy-color'));
|
|
// 保存自定义颜色
|
|
_saveThemeColor('', $colorShow);
|
|
});
|
|
|
|
// 切换激活项
|
|
function _switchColorActive($item) {
|
|
$('.theme-color-list .color-item').filter('.active').removeClass('active');
|
|
$item.addClass('active');
|
|
}
|
|
|
|
// 修改自定义展示的颜色
|
|
function _modifyThemeColor(color1, color2) {
|
|
if (color1) {
|
|
$('#showDiyColor1').css('backgroundColor', color1);
|
|
// 设置颜色值
|
|
$('.diy-color-1 .text').text(color1);
|
|
}
|
|
if (color2) {
|
|
$('#showDiyColor2').css('backgroundColor', color2);
|
|
// 设置颜色值
|
|
$('.diy-color-2 .text').text(color2);
|
|
}
|
|
}
|
|
|
|
// 保存自定义颜色
|
|
function _saveThemeColor(color1, color2) {
|
|
if (color1) {
|
|
$('input[name=themeColor1]').val(color1);
|
|
}
|
|
if (color2) {
|
|
$('input[name=themeColor2]').val(color2);
|
|
}
|
|
}
|