element-ui滚动条样式修改

* 表单高度超出设置的长度时会出现滚动条展示；

.el-table__body-wrapper {
     height: 60rem;     //设置固定高度
     overflow-y: auto;  //超出显示滚动条
}

element ui的滚动条样式默认是图一：
 

这是修改后的滚动条样式后的效果：

 实现代码如下：

        //::v-deep 作用是样式穿透

        // 设置滚动条宽度
        ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
          width: 8px !important;
          height: 8px !important;
          background: rgba(10, 122, 227, 0.01);
        }

        //滚动条的哈滑块
        ::-webkit-scrollbar-thumb {
          background: #2e6190;
          border-radius: 3px;
        }