修改全局滚动条样式

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

View File

@ -13,7 +13,8 @@ export default defineComponent({
data() {
return {
setCssVar: setCssVar,
};
};
},
computed: {},
created: function () {
@ -87,4 +88,19 @@ export default defineComponent({
transform: translateY(-5px);
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>

View File

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