基础样式之vue-antdesign中改变滚动条样式

/deep/.ant-table-body{
        &::-webkit-scrollbar {//整体样式
          height: 10px;
        }
        &::-webkit-scrollbar-thumb {//滑动滑块条样式
          border-radius: 4px;
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          // background: #00aaff;
          background: #d6e9fa;
        }
        &::-webkit-scrollbar-track {//轨道的样式
          -webkit-box-shadow: 0;
          border-radius: 0;
          background: #f6f8ff;
        }
      }

想要单独给某个定义的话：在设置scroll的类上ant-table-body更换自己的类比如：

	/deep/.showShucai{
	    &::-webkit-scrollbar {//整体样式
	      height: 10px;
	    }
	    &::-webkit-scrollbar-thumb {//滑动滑块条样式
	      border-radius: 4px;
	      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	      // background: #00aaff;
	      background: #d6e9fa;
	    }
	    &::-webkit-scrollbar-track {//轨道的样式
	      -webkit-box-shadow: 0;
	      border-radius: 0;
	      background: #f6f8ff;
	    }
	  }