From d25620ecfe801bb3d1468f699ed12eaa89047d18 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com> Date: Fri, 8 Jul 2022 14:27:04 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Delement-ui=EF=BC=8Clin?= =?UTF-8?q?k=E6=A0=87=E7=AD=BEhover=E7=8A=B6=E6=80=81=E7=9A=84=E9=A2=9C?= =?UTF-8?q?=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/utils/theme/index.js | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/utils/theme/index.js b/src/utils/theme/index.js index 02f1bbb85..3ab759042 100644 --- a/src/utils/theme/index.js +++ b/src/utils/theme/index.js @@ -10,14 +10,14 @@ export function changeElementColor(themeColors) { let cssText = originalStyle const colors = generateColors(themeColors) for (const [key, value] of Object.entries(colors)) { - const blendColor = mix('ffffff', value.replace(/#/g, ''), 35) cssText = cssText.replace(new RegExp('(:|\\s+)' + key, 'g'), '$1' + `${value}`) colorsCssText += ` - .color-${key}{color: ${value}!important;} - .bg-${key}{background-color: ${value}!important;} - .border-${key}{border-color: ${value}!important;} + .color-${key}{color: ${value}!important;} + .bg-${key}{background-color: ${value}!important;} + .border-${key}{border-color: ${value}!important;} ` if (['primary', 'success', 'info', 'warning', 'danger'].includes(key)) { + const blendColor = mix('ffffff', value.replace(/#/g, ''), 35) colorsCssText = colorsCssText + ` .el-button--${key}:focus { background-color: ${value}!important; @@ -30,6 +30,9 @@ export function changeElementColor(themeColors) { background-color: ${blendColor}!important; border-color: ${blendColor}!important; } + .el-link.el-link--${key}:hover { + color: ${blendColor}!important; + } ` } }