study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-08 14:34:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

selectList 滚动条样式

Browse Source
This commit is contained in:
fofolee 2022-04-11 19:54:58 +08:00
parent 40e972cbf4
commit 2a922e414a
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/quickcommandUI/SelectList.vue
View File

@ -64,6 +64,8 @@ export default {
itemHeight: 50, itemHeight: 50,
lazyItemSize: 50, lazyItemSize: 50,
searchWords: "", searchWords: "",
scrollBarThumbColor: this.$q.dark.isActive ? "#505050" : "#c1c1c0",
scrollBarTrackColor: this.$q.dark.isActive ? "#303030" : "#fffffe",
}; };
}, },
mounted() { mounted() {
@ -176,3 +178,21 @@ export default {
}, },
}; };
</script> </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>