滑块组件 Slider

滑块 Slider

基本用法

**注意:因为仅支持触摸事件，所以请打开chrome手机模拟查看demo

<template lang="html">
      <div>
     <div class="demo-hidden">
        <za-panel>
          <za-panel-header title="基本">
          </za-panel-header>
          <za-panel-body>
            <za-cell title="普通">
              <za-slider
                :default-value='0'
                @change='handleChange'
                ></za-slider>
            </za-cell>
            <za-cell title="设置默认值">
              <za-slider :default-value='20'></za-slider>
            </za-cell>
            <za-cell title="设置上下限">
              <za-slider :min='-100' :max='100' :default-value='0' ></za-slider>
            </za-cell>
            <za-cell title="设置步长">
              <za-slider :step='10' ></za-slider>
            </za-cell>
            <za-cell title="禁用状态">
              <za-slider :default-value='20' disabled ></za-slider>
            </za-cell>
          </za-panel-body>
        </za-panel>
       </div>
       </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  methods: {
    handleChange(ev,value){
      console.log(value)
    }
  },
};
</script>

API

Slider Attributes

Slider Events