滚动条样式

/* 设置滚动条的样式 */
 ::-webkit-scrollbar   {
    width:10px;
    height: 10px;
    &:vertical  {
        
        border-left: 1px solid #cfdadd;
    }
    // &:horizontal   {
    //     border-left: 1px solid #cfdadd;
    // }
}
/* 滚动槽 */

::-webkit-scrollbar-track {
border-radius:6px;

}
/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
border-radius:6px;
border: 2px solid rgba(255, 255, 255, 0);
&:vertical {
box-shadow: 6px 0 0 #c7c7c9 inset;
}
&:horizontal {
box-shadow: 0 6px 0 #c7c7c9 inset;
}

}