@mixins混用样式：示例：修改el-select里面的滚动条样式

项目场景：

使用混入样式修改el-select下拉菜单里面的滚动条样式

解决方案：

// 混入-滚动条样式
@mixin scroll-css {
    &::-webkit-scrollbar-track-piece {
      background: red;
    }
  
    &::-webkit-scrollbar {
      width: 6px;
    }
  
    &::-webkit-scrollbar-thumb {
      background: #99a9bf;
      border-radius: 20px;
    }
  }

在vue文件里style标签使用方法

示例：修改el-select里面的滚动条样式
.el-select-dropdown__item {
  padding: 10px 0 0 0;
  @include scroll-bar;
}