h-range 滑块

```html
        <h-range
          :decimal="decimal" v-model="rangeValue" :min="min" :max="max"
          :step="step" :disabled="disabled" :disabled-opacity="disabledOpacity" :range-bar-height="rangeBarHeight"
          :range-handle-height="rangeHandleHeight" @change="change" @touchstart="touchStart" @touchend="touchEnd"/>
    
      
    export default {
       data() {
         return {
           decimal: false,
           rangeValue: 40,
           min: 20,
           max: 80,
           step: 10,
           disabled: true,
           disabledOpacity: 0.5,
           rangeBarHeight: 1,
           rangeHandleHeight: 20,
         }
       },
       methods:{
          change (val) {
             // this.rangeValue = val
             console.log(val)
          },
          touchStart (e) {
             console.log(e)
          },
          touchEnd (e) {
             console.log(e)
          },
       }
    }
      
```
decimal 是否展示小数 默认false

value 当前滑块值

min 滑块最小值 默认0

max  滑块最大值 默认100

step 滑块步长 默认1

disable 是否禁用 默认false

disabled-opacity 禁用时透明度 默认0.7

range-bar-height 滑道高度 默认1

range-handle-height 滑块高度 默认20

@change  滑块滑动触犯事件 返回当前value值

@touchstart 滑块开始滑动事件

@touchEnd 滑块结束滑动事件



