kui-vue/components/slider/demo/size.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 尺寸/自定义 
size 可以控制操作杆的大小 
</cn>

```vue
<template>
  <div style="max-width:520px;">
     <Slider v-model="v1" :step="10" :disabled="disabled" :min="20" size="small" />
     <Slider v-model="v2" range :disabled="disabled" :min="10" :max="80" size="small"/>
     <Slider v-model="v1" :step="10" :disabled="disabled" :min="20" size="small" class="slider-demo-custom"/>
     <Slider v-model="v2" range :disabled="disabled" :min="10" :max="80" size="small" class="slider-demo-custom"/>
     
     <Slider :marks="{ 0: '0°C',25: '25°C', 36: '36°C',100: '100°C', }"
      :step="null"
      :disabled="disabled"
      size="small"
      :value="25"></Slider>
     <br />
     <br />
     Disabled: <Switch v-model="disabled" />
  </div>
</template>
<script>
export default{
  data() {
    return {
     disabled: false ,
     v1: 80,
     v2: [30, 50]
    }
  }
}
</script>
<style>
.slider-demo-custom .k-slider-track{
  background: linear-gradient(270deg,green 5.56%,orange);
}
</style>
```