blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 04:00:06 +08:00
Code Issues Projects Releases Wiki Activity

fix: style problem of checkbox component when switching themes; 🐛

Browse Source 
修复：切换主题时 checkbox 的样式问题；
This commit is contained in:
iczer 2020-07-08 23:00:54 +08:00
parent 4ce9622589
commit cfd334a4b4
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/config/replacer/resolve.config.js
View File

@ -13,7 +13,12 @@
* 注意: value 不能设置为 true * 注意: value 不能设置为 true
*/ */
const cssResolve = { const cssResolve = {
'.ant-checkbox-checked .ant-checkbox-inner::after': false, '.ant-checkbox-checked .ant-checkbox-inner::after': {
resolve(cssText, cssObj) {
cssObj.rules.push('border-top:0', 'border-left:0')
return cssObj.toText()
}
},
'.ant-menu-dark .ant-menu-inline.ant-menu-sub': { '.ant-menu-dark .ant-menu-inline.ant-menu-sub': {
resolve(cssText, cssObj) { resolve(cssText, cssObj) {
cssObj.rules = cssObj.rules.filter(rule => rule.indexOf('box-shadow') == -1) cssObj.rules = cssObj.rules.filter(rule => rule.indexOf('box-shadow') == -1)

7
src/utils/theme-color-replacer-extend.js
View File

@ -26,8 +26,11 @@ function resolveCss(output, srcArr) {
// 转换为 css 对象 // 转换为 css 对象
let cssObj = parseCssObj(text) let cssObj = parseCssObj(text)
// 根据selector匹配配置，匹配成功，则按配置处理 css // 根据selector匹配配置，匹配成功，则按配置处理 css
if (cssResolve[cssObj.selector]) { if (cssResolve[cssObj.selector] != undefined) {
outArr.push(cssResolve[cssObj.selector].resolve(text, cssObj)) let cfg = cssResolve[cssObj.selector]
if (cfg) {
outArr.push(cfg.resolve(text, cssObj))
}
} else { } else {
let cssText = '' let cssText = ''
// 匹配不成功，则测试是否有匹配的正则配置，有则按正则对应的配置处理 // 匹配不成功，则测试是否有匹配的正则配置，有则按正则对应的配置处理