github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #1265 from Sight-wcg/patch/laydate-theme 

新增 laydate 辅助色设置
pull/1267/head
贤心 2023-05-29 00:18:15 +08:00 committed by GitHub
parent 494fa7035a b4b25c4a52
commit eca8c1a49c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/modules/laydate.js
View File

@ -657,17 +657,30 @@
}); });
options.showBottom && elem.appendChild(divFooter); options.showBottom && elem.appendChild(divFooter);
//生成自定义主题 // 生成自定义主题
var style = lay.elem('style'); var style = lay.elem('style');
var styleText = []; var styleText = [];
var colorTheme; var colorTheme;
var isPrimaryColor = true;
lay.each(options.theme, function (index, theme) { lay.each(options.theme, function (index, theme) {
if(/^#/.test(theme)){ // 主色
if(isPrimaryColor && /^#/.test(theme)){
colorTheme = true; colorTheme = true;
isPrimaryColor = false;
styleText.push([ styleText.push([
'#{{id}} .layui-laydate-header{background-color:{{theme}};}' '#{{id}} .layui-laydate-header{background-color:{{theme}};}',
,'#{{id}} li.layui-this,#{{id}} td.layui-this>div{background-color:{{theme}} !important;}' '#{{id}} li.layui-this,#{{id}} td.layui-this>div{background-color:{{theme}} !important;}',
,options.theme.indexOf('circle') !== -1 ? '' : '#{{id}} .layui-this{background-color:{{theme}} !important;}' options.theme.indexOf('circle') !== -1 ? '' : '#{{id}} .layui-this{background-color:{{theme}} !important;}',
'#{{id}} .laydate-day-now{color:{{theme}} !important;}',
'#{{id}} .laydate-day-now:after{border-color:{{theme}} !important;}'
].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, theme));
return;
}
// 第二个自定义颜色作为辅色
if(!isPrimaryColor && /^#/.test(theme)){
styleText.push([
'#{{id}} .laydate-selected>div{background-color:{{theme}} !important;}',
'#{{id}} .laydate-selected:hover>div{background-color:{{theme}} !important;}'
].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, theme)); ].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, theme));
} }
}); });