From 2a922e414ad23fbeb1a8fd5ce61672f8e040d43e Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Mon, 11 Apr 2022 19:54:58 +0800
Subject: [PATCH] =?UTF-8?q?selectList=20=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/quickcommandUI/SelectList.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/components/quickcommandUI/SelectList.vue b/src/components/quickcommandUI/SelectList.vue
index 1db6813..56cb12e 100644
--- a/src/components/quickcommandUI/SelectList.vue
+++ b/src/components/quickcommandUI/SelectList.vue
@@ -64,6 +64,8 @@ export default {
       itemHeight: 50,
       lazyItemSize: 50,
       searchWords: "",
+      scrollBarThumbColor: this.$q.dark.isActive ? "#505050" : "#c1c1c0",
+      scrollBarTrackColor: this.$q.dark.isActive ? "#303030" : "#fffffe",
     };
   },
   mounted() {
@@ -176,3 +178,21 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: v-bind(scrollBarThumbColor);
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: v-bind(scrollBarTrackColor);
+}
+</style>