Prechádzať zdrojové kódy

更新 自定义滚动条样式

wzh 4 rokov pred
rodič
commit
aa320366be
1 zmenil súbory, kde vykonal 21 pridanie a 0 odobranie
  1. 21 0
      src/App.vue

+ 21 - 0
src/App.vue

@@ -26,4 +26,25 @@ export default {
   box-sizing: border-box;
   background: linear-gradient(180deg, #20364f 0%, rgba(27, 50, 74, 0.85) 100%);
 }
+
+.bar {
+  overflow: scroll;
+  overflow-x: hidden;
+}
+
+.bar::-webkit-scrollbar-track {
+  background: #2f4966;
+  border-radius: 5px;
+}
+
+.bar::-webkit-scrollbar {
+  width: 5px;
+  background: blue;
+  border-radius: 5px;
+}
+
+.bar::-webkit-scrollbar-thumb {
+  background: #10ffb9;
+  border-radius: 5px;
+}
 </style>