基礎樣式之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;
	    }
	  }