修改全局滚动条样式

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>