wassname/slider
1
0
Fork 0
mirror of https://github.com/wassname/slider.git synced 2026-09-11 12:42:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: add example for onAfterChange

Browse Source
This commit is contained in:
Benjy Cui
2015-11-14 09:56:54 +08:00
parent 5e84fa0e1e
commit c4f3f5d20d
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/simple.js
+5 -7
View File
@@ -7,31 +7,29 @@ var ReactDOM = require('react-dom');
var Slider = require('rc-slider');
var style = {width:400,margin:50};
function onChange(v) {
console.log(v);
}
var log = console.log.bind(console);
ReactDOM.render(
<div>
<div style={style}>
<p>基础滑块</p>
<Slider onChange={onChange} tipTransitionName='rc-slider-tooltip-zoom-down' />
<Slider onChange={log} tipTransitionName='rc-slider-tooltip-zoom-down' />
</div>
<div style={style}>
<p>基础滑块，step=20</p>
<Slider step={20} />
</div>
<div style={style}>
<p>基础滑块，step=20 带原点</p>
<p>基础滑块，step=20 带圆点</p>
<Slider dots step={20} />
</div>
<div style={style}>
<p>双滑块</p>
<Slider range min={10} max={90} defaultValue={[0, 30]} onChange={onChange} />
<Slider range min={10} max={90} defaultValue={[0, 30]} onChange={log} />
</div>
<div style={style}>
<p>双滑块，step=20 </p>
<Slider range dots step={20} defaultValue={[0, 30]} onChange={onChange} included={false} />
<Slider range dots step={20} defaultValue={[0, 30]} onAfterChange={log} included={false} />
</div>
<div style={style}>
<p>分段式滑块（包含关系）</p>