naive-ui/demo/documentation/components/slider/zhCN/mark.md
2020-02-04 18:39:05 +08:00

410 B

标记

<n-slider
  v-model="value"
  range
  :marks="marks"
  :step="10"
/>
<n-input-number
  size="small"
  v-model="value[0]"
/>
<n-input-number
  size="small"
  v-model="value[1]"
/>
export default {
  data () {
    return {
      value: [50, 70],
      marks: {
        34: '太棒了',
        75: '不错'
      }
    }
  }
}
.n-input-number {
  margin: 0 12px 8px 0;
}