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