Slider 滑动输入条 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

<Slider :min="1" :max="20" v-model="percent"></Slider>

<Slider :min="1" :max="20" v-model="percent" disabled></Slider>

<Slider :min="1" :max="20" v-model="percent" :step="2"></Slider>

<Slider :min="1" :max="20" v-model="percent" :showValue="false"></Slider>

<template>
  <Slider :min="1" :max="20" v-model="percent" :handleStyle="handleStyle" :trackStyle="trackStyle" :railStyle="railStyle" :showValue="false"></Slider>
</template>
<script>
export default {
  data () {
    return {
      percent: 4,
      handleStyle: {
        'width': '14px',
        'height': '14px',
        'border-color': 'blue',
        'background-color': 'blue',
        'top': '5px'
      },
      trackStyle: {
        'background-color': 'blue',
        'height': '5px'
      },
      railStyle: {
        'background-color': 'red',
        'height': '5px'
      }
    }
  }
}
</script>