naive-ui/demo/documentation/components/slider/enUS/mark.md

35 lines
404 B
Markdown
Raw Normal View History

2019-10-22 17:02:35 +08:00
# Mark
```html
<n-slider
v-model="value"
range
:marks="marks"
:step="10"
/>
<n-input-number
2019-10-22 18:34:49 +08:00
size="small"
2019-10-22 17:02:35 +08:00
v-model="value[0]"
/>
<n-input-number
2019-10-22 18:34:49 +08:00
size="small"
2019-10-22 17:02:35 +08:00
v-model="value[1]"
/>
```
```js
export default {
data () {
return {
value: [50, 70],
marks: {
34: 'Amazing',
75: 'Good'
}
}
}
}
2019-10-22 18:34:49 +08:00
```
```css
.n-input-number {
margin: 0 12px 8px 0;
}
2019-10-22 17:02:35 +08:00
```