root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

适配 select 组件主题

develop 3.5.1.Release
就眠仪式 2021-01-18 20:07:39 +08:00
parent 0dd01f0353
commit a7c1da825f
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
component/pear/css/pear-module/select.css
View File

@ -220,7 +220,7 @@ select[xm-select] {
.xm-select-parent dl dd.xm-select-this div i { .xm-select-parent dl dd.xm-select-this div i {
border: none; border: none;
color: #67c23a; color: #5FB878;
font-size: 18px; font-size: 18px;
} }
@ -294,7 +294,7 @@ select[xm-select] {
.xm-select-parent .xm-select-title div.xm-select-label>span { .xm-select-parent .xm-select-title div.xm-select-label>span {
position: relative; position: relative;
padding: 2px 5px; padding: 2px 5px;
background-color: #67c23a; background-color: #5FB878;
border-radius: 2px; border-radius: 2px;
color: #FFF; color: #FFF;
display: inline-block; display: inline-block;

6
component/pear/modules/theme.js
View File

@ -60,7 +60,11 @@ layui.define(["jquery","layer"], function (exports) {
style += '.step-item-head{border: 3px solid '+color+';}' style += '.step-item-head{border: 3px solid '+color+';}'
style += '.step-item-tail i{background-color:'+color+'}' style += '.step-item-tail i{background-color:'+color+'}'
style += '.step-item-head{color:' + color + '}' style += '.step-item-head{color:' + color + '}'
style += 'div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span i {background-color:'+color+'!important}'
style += 'div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span{border: 1px solid '+color+'!important;background-color:'+color+'!important}'
style += 'div[xm-select-skin=normal] dl dd:not(.xm-dis-disabled) i{border-color:'+color+'!important}'
style += 'div[xm-select-skin=normal] dl dd.xm-select-this:not(.xm-dis-disabled) i{color:'+color+'!important}'
style += 'div[xm-select-skin=normal].xm-form-selected .xm-select, div[xm-select-skin=normal].xm-form-selected .xm-select:hover{border-color:'+color+'!important}'
var colorPane = $("#pear-admin-color"); var colorPane = $("#pear-admin-color");
if(colorPane.length>0){ if(colorPane.length>0){
colorPane.html(style); colorPane.html(style);