修改tab栏滚动轮样式

2 years ago · 220bf15786
parent 2eaf32e8d8
commit 220bf15786
1 changed files with 7 additions and 0 deletions
--- a/admin/src/layout/components/Header.vue
+++ b/admin/src/layout/components/Header.vue
@ -152,6 +152,13 @@ watch(
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
+    &::-webkit-scrollbar {
+      height: 8px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: #a8a8a8;
+      border-radius: 20px;
+    }
    .tabs-content-item {
      cursor: pointer;
      margin-right: 5px;