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

修改全局滚动条样式

Browse Source
This commit is contained in:
fofolee 2022-04-14 22:36:53 +08:00
parent 8a497ab81b
commit f27a1bb064
2 changed files with 17 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/App.vue
View File

@ -13,7 +13,8 @@ export default defineComponent({
data() { data() {
return { return {
setCssVar: setCssVar, setCssVar: setCssVar,
};
};
}, },
computed: {}, computed: {},
created: function () { created: function () {
@ -87,4 +88,19 @@ export default defineComponent({
transform: translateY(-5px); transform: translateY(-5px);
filter: drop-shadow(2px 1px 5px grey); filter: drop-shadow(2px 1px 5px grey);
} }
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(194, 194, 194, 0.4);
}
::-webkit-scrollbar-track {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
</style> </style>

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

@ -71,8 +71,6 @@ 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() {
@ -191,21 +189,3 @@ 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>