support Slider

support Slider

test/routers/slider.vue

@@ -1,43 +1,32 @@
 <template>
-    <div style="width: 140px;margin:100px;">
-        {{ value }}
-        <Slider @on-change="change" @on-input="input" :step="15"></Slider>
-        <Slider :value="40" :tip-format="format"></Slider>
-        <Slider :value.sync="value" show-input show-stops range @on-change="change" @on-input="input" :step="13"></Slider>
-        <Slider :max="10"></Slider>
-        <Slider :step="13"></Slider>
-        <Slider :step="13" :max="60"></Slider>
-        <Icon type="checkmark-circled" size="40" color="#f60"></Icon>
-        <p>附近的首付款是东方红看就是</p>
-        <div class="ivu-article">
-            <a href="http://www.iviewui.com" target="_blank">iView</a>
-        </div>
-        <Slider :value="75"></Slider>
-        <Slider :value="[20, 50]" range></Slider>
-        <Slider :value="[20, 50]" show-tip="always"></Slider>
-        <Slider :value="[20, 50]" show-tip="hover"></Slider>
-        <Slider :value="[20, 50]" show-tip="never"></Slider>
+    <div style="margin: 100px;">
+        <Slider v-model="value1" :step="5" show-input></Slider>
+        <Slider v-model="value2" range></Slider>
+        <Slider v-model="value3" range disabled></Slider>
+        {{ value1 }}{{value2}}
+        <div @click="value1 = 13">change value1</div>
+        <br>
+        <Slider :value="value9" :tip-format="format"></Slider>
+        <Slider :value="value10" :tip-format="hideFormat"></Slider>
     </div>
 </template>
 <script>
-    import { Slider, Icon } from 'iview';
     export default {
-        components: { Slider, Icon },
         data () {
             return {
-                value: [20, 50]
+                value1: 25,
+                value2: [20, 50],
+                value3: [20, 50],
+                value9: 25,
+                value10: 25
             }
         },
         methods: {
             format (val) {
+                return '进度' + val + '%';
+            },
+            hideFormat () {
                 return null;
-                return `进度：${val}%`
-            },
-            change (data) {
-               console.log(data)
-            },
-            input (value) {
-                console.log(value)
             }
         }
     }