vue中美化滚动条

之前的滚动条样式

 

放在App.vue 文件下可全局

<style>
::-webkit-scrollbar-track
{
background: rgba(0,0,0,.1);
border-radius: 0;
}

::-webkit-scrollbar
{
-webkit-appearance: none;
width: 10px;
height: 10px;
}

::-webkit-scrollbar-thumb
{
cursor: pointer;
border-radius: 5px;
background: rgba(0,0,0,.25);
transition: color .2s ease;
}
</style>

 之后的滚动条样式