<template>
  <div>
    <ui-group title="基本使用">
      <ui-cell>
        <ui-slider slot="title" v-model="value1"></ui-slider>
      </ui-cell>
    </ui-group>
    <ui-group title="取值范围">
      <ui-cell>
        <ui-slider slot="title" v-model="value2" :min="10" :max="90"></ui-slider>
      </ui-cell>
    </ui-group>
    <ui-group title="步长">
      <ui-cell>
        <ui-slider slot="title" v-model="value3" :step="20"></ui-slider>
      </ui-cell>
    </ui-group>
    <ui-group title="禁用">
      <ui-cell>
        <ui-slider slot="title" v-model="value4" disabled></ui-slider>
      </ui-cell>
    </ui-group>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value1: 0,
      value2: 20,
      value3: 30,
      value4: 50,
    };
  },
};

</script>
