From f21a432486696e3914b1e7c0aca8815396f703c6 Mon Sep 17 00:00:00 2001 From: "SK-20230509GLVS\\Administrator" Date: Fri, 15 Mar 2024 14:02:38 +0800 Subject: [PATCH] =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../workstation/workstation.component.less | 37 +++++++++++++++++++ 1 file changed, 37 insertions(+) diff --git a/src/app/routes/data-v/workstation/workstation.component.less b/src/app/routes/data-v/workstation/workstation.component.less index 1e6651b..c222c37 100644 --- a/src/app/routes/data-v/workstation/workstation.component.less +++ b/src/app/routes/data-v/workstation/workstation.component.less @@ -125,4 +125,41 @@ background-color: #00eff8; /* 滚动条滑块激活时的背景颜色 */ +} + +//竖向 +::ng-deep .ag-body-vertical-scroll-viewport { + scrollbar-color: auto; +} + +//横向 +::ng-deep .ag-body-horizontal-scroll-viewport { + scrollbar-color: auto; +} + +/* 设置滚动条的宽度 */ +::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar { + height: 14em; + color: #000; +} + +/* 设置横向滚动条轨道的样式 */ +::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track { + background-color: transparent; + border-color: #00eff8; +} + +/* 设置横向滚动条滑块悬浮时的样式 */ +::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:hover { + background-color: #00eff8; +} + +/* 设置横向滚动条滑块激活时的样式 */ +::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:active { + background-color: #00eff8; +} + +/* 设置横向滚动条滑块的颜色 */ +::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb { + background-color: #00eff8; } \ No newline at end of file