style: 看板CDR页面名称CDREvent

2024-01-26 14:37:38 +08:00
parent ac8d430101
commit 2f43fc60fb
2 changed files with 19 additions and 2 deletions
--- a/src/views/dashboard/overview/components/CDREvent/index.vue
+++ b/src/views/dashboard/overview/components/CDREvent/index.vue
@@ -97,6 +97,23 @@ onMounted(() => {
    overflow-y: auto;
    height: 70%;

+    /* 修改滚动条的样式 */
+    &::-webkit-scrollbar {
+      width: 8px; /* 设置滚动条宽度 */
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: #101129; /* 设置滚动条轨道背景颜色 */
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #28293f; /* 设置滚动条滑块颜色 */
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background-color: #68d8fe; /* 设置鼠标悬停时滚动条滑块颜色 */
+    }
+
    & .row {
      line-height: 1.05;
      padding: 0.5rem 1.5rem;