#### 默认值

```js
<Slider defaultValue={10} />
```

#### 设定值

```js
<Slider defaultValue={10} value={40} />
```

#### 设定 label 单位

```js
<Slider
  defaultValue={10}
  value={40}
  unit="米"
  onChange={() => console.log(1)}
/>
```

#### 隐藏 label

```js
<Slider defaultValue={10} value={40} hideStepLabel={true} />
```

#### 设定标记

```js
<Slider defaultValue={10} value={40} marks={{ "50": "hahaha" }} />
```

#### 设定步数

```js
<Slider defaultValue={10} value={40} step={10} />
```

#### 设置圆点左侧轨道样式

```js
<Slider defaultValue={10} trackStyle={{ backgroundColor: "red", height: 4 }} />
```

#### 设置圆点右侧轨道样式

```js
<Slider
  defaultValue={10}
  railStyle={{ backgroundColor: "#ffeeee", height: 4 }}
/>
```

#### 设置标记的样式

```js
<Slider defaultValue={10} activeDotStyle={{ borderColor: "red" }} />
```

#### 设置滑动圆点的样式

```js
<Slider
  defultValue={10}
  handleStyle={{
    borderColor: "green",
    height: 14,
    width: 14,
    backgroundColor: "#fff",
    boxShadow: "0 2px 4px rgba(0, 0, 0, 0)",
  }}
/>
```