更新记录

1.0.2（2025-05-15） 下载此版本

更新

1.0.1（2025-05-15） 下载此版本

更新文档

1.0.0（2025-05-15） 下载此版本

发版

平台兼容性

uni-app

qiao-slider-range

uni-app 滑块区间选择组件

可根据具体需求，修改、自定义其他内容。

属性说明

使用示例

<qiao-slider-range
  v-model="rangeValue"
  :min="0"
  :max="100"
  :step="5"
  :bar-height="3"
  :block-size="26"
  background-color="#EEEEF6"
  active-color="#FF6B00"
  :format="format"
  @change="handleRangeChange"
></qiao-slider-range>

export default {
  components: {},
  data() {
    return {
      rangeValue: [10, 50]
    }
  },
  methods: {
    format(val) {
      return val + '%'
    },
    handleRangeChange(e) {
      console.log(e)
    }
  }
}