如何设置material-ui滑块标记之间的距离

import React from 'react';
import Slider from '@material-ui/core/Slider';

const marks = [
  {
    value: 0,
    label: '0',
  },
  {
    value: 20,
    label: '20',
  },
  {
    value: 40,
    label: '40',
  },
  {
    value: 60,
    label: '60',
  },
  {
    value: 80,
    label: '80',
  },
  {
    value: 100,
    label: '100',
  },
];

const App = () => {
  return (
    <Slider
      defaultValue={0}
      step={20} // 设置滑块标记之间的距离为20
      marks={marks}
      min={0}
      max={100}
      valueLabelDisplay="auto"
    />
  );
};

export default App;