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

fix: some diffs

Browse Source 
- update to 3.6.0 (refs:https://github.com/react-component/slider/pull/85#discussion-diff-58325891)
- change `.rc-slider-vertical` to `.{prefixClass}-vertical` (refs:https://github.com/react-component/slider/pull/85#discussion-diff-58325944)
- put all the slider & Range in one row (refs:https://github.com/react-component/slider/pull/85#discussion-diff-58326190)
This commit is contained in:
叶言
2016-04-09 13:04:52 +08:00
parent 3b03957a54
commit ffdd062074
7 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/v-marks.js
+10 -8
View File
@@ -4,7 +4,9 @@ const React = require('react');
const ReactDOM = require('react-dom');
const Slider = require('rc-slider');
const style = {height: 400, marginBottom: 50, marginLeft: 50};
const style = {float: 'left', 'marginBottom': 20, width: 160, height: 400, marginBottom: 160, marginLeft: 50};
const parentStyle = {overflow: 'hidden'};
const marks = {
'-10': '-10°C',
0: <strong>0°C</strong>,
@@ -24,29 +26,29 @@ function log(value) {
}
ReactDOM.render(
<div>
<p>Slider with marks, `step=null`</p>
<div style={parentStyle}>
<div style={style}>
<p>Slider with marks, `step=null`</p>
<Slider vertical min={-10} marks={marks} step={null} onChange={log} defaultValue={20} />
</div>
<p>Slider with marks and steps</p>
<div style={style}>
<p>Slider with marks and steps</p>
<Slider vertical dots min={-10} marks={marks} step={10} onChange={log} defaultValue={20} />
</div>
<p>Slider with marks, `included=false`</p>
<div style={style}>
<p>Slider with marks, `included=false`</p>
<Slider vertical min={-10} marks={marks} included={false} defaultValue={20} />
</div>
<p>Slider with marks and steps, `included=false`</p>
<div style={style}>
<p>Slider with marks and steps, `included=false`</p>
<Slider vertical min={-10} marks={marks} step={10} included={false} defaultValue={20} />
</div>
<p>Range with marks</p>
<div style={style}>
<p>Range with marks</p>
<Slider vertical min={-10} range marks={marks} onChange={log} defaultValue={[20, 40]} />
</div>
<p>Range with marks and steps</p>
<div style={style}>
<p>Range with marks and steps</p>
<Slider vertical min={-10} range marks={marks} step={10} onChange={log} defaultValue={[20, 40]} />
</div>
</div>