From 778e350959cdd8db5eee575e8631252f7bd78930 Mon Sep 17 00:00:00 2001 From: zk Date: Mon, 17 Jun 2024 11:56:02 +0800 Subject: [PATCH] =?UTF-8?q?update=20=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=C2=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/less/index.less | 6 +++--- src/assets/theme/themeList.ts | 2 +- src/components/body-d-left/bodyLeftHooks.ts | 12 ++++++++++-- 3 files changed, 14 insertions(+), 6 deletions(-) diff --git a/src/assets/less/index.less b/src/assets/less/index.less index acfe624..b7fb56f 100644 --- a/src/assets/less/index.less +++ b/src/assets/less/index.less @@ -127,9 +127,9 @@ html, body, #app { //框背景色 .ant-select:not(.ant-select-customize-input) .ant-select-selector { - color: #1b7ef2 !important; + color: var(--antSelectFontColor) !important; background-color: transparent !important; - border: 1px solid #1b7ef2 !important; + border: 1px solid var(--antSelectDropdownBorderColor) !important; } .ant-select-item-option-selected { @@ -151,7 +151,7 @@ html, body, #app { // 箭头颜色 .ant-select-arrow { - color: #1b7ef2 !important; + color: var(--antSelectDropdownBorderColor) !important; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { diff --git a/src/assets/theme/themeList.ts b/src/assets/theme/themeList.ts index 2ae55cc..4e8ce6c 100644 --- a/src/assets/theme/themeList.ts +++ b/src/assets/theme/themeList.ts @@ -24,7 +24,7 @@ export const themeList = { }, light: { antSelectDropdownBg: '#fff', - antSelectDropdownBorderColor: '#1b7ef2', + antSelectDropdownBorderColor: '#607DDB', antSelectItemActive: '#ced7f6', antSelectFontColor: '#5876DB', antSelectBg: '#ced7f6', diff --git a/src/components/body-d-left/bodyLeftHooks.ts b/src/components/body-d-left/bodyLeftHooks.ts index b6b8cb3..498d9a8 100644 --- a/src/components/body-d-left/bodyLeftHooks.ts +++ b/src/components/body-d-left/bodyLeftHooks.ts @@ -375,6 +375,7 @@ export function barOption(xData, ydata, theme) { }, tooltip: { show: true, + trigger: 'axis', // 触发类型为坐标轴 textStyle: { color: '#fff', }, @@ -391,7 +392,13 @@ export function barOption(xData, ydata, theme) { ...xAxisLabel, }, axisLine: { - color: '#bac9e1', + lineStyle: { + type: 'solid', + color: '#8798d1', + }, + }, + axisTick: { + show: false, }, }, yAxis: { @@ -411,7 +418,7 @@ export function barOption(xData, ydata, theme) { show: true, lineStyle: { type: 'dashed', - color: 'rgba(217, 231, 255, 0.2)', + color: '#a2add2', }, }, min: 0, @@ -424,6 +431,7 @@ export function barOption(xData, ydata, theme) { barWidth: '20%', itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, itemStyle), + borderRadius: 12, }, barMaxWidth: '10', label: {