提交 f2c8fcfc 编写于 作者: Y yiminghe

upgrade slider

上级 9554fb54
...@@ -11,7 +11,7 @@ var Slider = antd.Slider; ...@@ -11,7 +11,7 @@ var Slider = antd.Slider;
React.render(<div> React.render(<div>
<Slider /> <Slider />
<Slider value={65} disabled /> <Slider defaultValue={65} disabled />
</div> </div>
, document.getElementById('components-slider-demo-basic')); , document.getElementById('components-slider-demo-basic'));
```` ````
......
...@@ -12,9 +12,9 @@ var Slider = antd.Slider; ...@@ -12,9 +12,9 @@ var Slider = antd.Slider;
React.render( React.render(
<div className="sliderContainer"> <div className="sliderContainer">
<p>包含关系</p> <p>包含关系</p>
<Slider marks={["状态1","状态2","状态3","状态4"]} index={1} /> <Slider marks={["状态1","状态2","状态3","状态4"]} defaultIndex={1} />
<p>并列关系</p> <p>并列关系</p>
<Slider marks={["状态1","状态2","状态3","状态4"]} isIncluded={false} index={1} /> <Slider marks={["状态1","状态2","状态3","状态4"]} isIncluded={false} defaultIndex={1} />
</div> </div>
, document.getElementById('components-slider-demo-mark')); , document.getElementById('components-slider-demo-mark'));
```` ````
...@@ -4,7 +4,7 @@ var Slider = require('rc-slider'); ...@@ -4,7 +4,7 @@ var Slider = require('rc-slider');
var AntSlider = React.createClass({ var AntSlider = React.createClass({
getDefaultProps() { getDefaultProps() {
return { return {
className: 'ant-slider' prefixCls: 'ant-slider'
}; };
}, },
render() { render() {
......
...@@ -19,8 +19,10 @@ ...@@ -19,8 +19,10 @@
| min | Number | 0 | 最小值 | min | Number | 0 | 最小值
| max | Number | 100 | 最大值 | max | Number | 100 | 最大值
| step | Number | 1 | 步长,取值必须大于 0,并且可被 (max - min) 整除 | step | Number | 1 | 步长,取值必须大于 0,并且可被 (max - min) 整除
| value | Number | 0 | 当前取值 | value | Number | | 当前取值
| defaultValue | Number | 0 | 初始取值
| marks | Array | [] | 分段标记,标记每一个 step,如果 step 属性没有定义,则 `marks` 属性会被忽略 | marks | Array | [] | 分段标记,标记每一个 step,如果 step 属性没有定义,则 `marks` 属性会被忽略
| isIncluded | Boolean | true | 分段式滑块,值为 true 时表示值为包含关系,false 表示并列 | isIncluded | Boolean | true | 分段式滑块,值为 true 时表示值为包含关系,false 表示并列
| index | Number | 0 | 为具备 `step` 或者 `marks` 的 slider 提供滑块操作按钮最初的位置 | index | Number | | 为具备 `step` 或者 `marks` 的 slider 提供滑块操作的当前位置
| defaultIndex | Number | 0 | 为具备 `step` 或者 `marks` 的 slider 提供滑块操作的初始位置
| disabled | Boolean | false | 值为 `true` 时,滑块为 disable 禁用状态 | disabled | Boolean | false | 值为 `true` 时,滑块为 disable 禁用状态
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册