rc-slider标尺在不同的时间间隔

时间:2019-05-15 11:23:19

标签: javascript reactjs rc-slider

我使用滑块组件,我需要在其中有不同的时间间隔,首先是从100000到500000,然后是1000000至10000 000,然后是10000000000至100000000,然后是100000 000至1 000 000000。每个间隔之间应同时进行10格划分。 现在一切都移到了太大的值上

enter image description here

https://www.npmjs.com/package/rc-slider http://react-component.github.io/slider/examples/handle.html https://react-component.github.io/slider/examples/slider.html

<Slider
  onChange={this.onCompanyValue.bind(this)}
  min={1000000}
  max={1000000000}
  marks={{
    100000: 100000,
    500000: 500000,
    10000000: 10000000,
    100000000: 100000000,
    800000000: "",
    900000000: "",
    1000000000: 1000000000
  }}
  handle={handle}
  step={10000}
  value={this.state.profile.info.company_cost ? this.state.profile.info.company_cost : 100000}
/>

0 个答案:

没有答案