add Slider

add Slider

test/routers/tag.vue

@@ -1,29 +1,25 @@
+<style>
+    body{
+        padding: 50px;
+    }
+</style>
 <template>
-    <Collapse active-key="1">
-        <Panel key="1">
-            史蒂夫·乔布斯
-            <p slot="content">史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</p>
-        </Panel>
-        <Panel key="2">
-            斯蒂夫·盖瑞·沃兹尼亚克
-            <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
-        </Panel>
-        <Panel key="3">
-            乔纳森·伊夫
-            <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
-        </Panel>
-    </Collapse>
-    <Input-number :max="10" :min="1" :value="1" @on-change="change"></Input-number>
-    <Input-number :max="10" :min="1" :step="1.2" :value="1"></Input-number>
+    <Slider :value="10" :tip-format="format">
+
+    </Slider>
 </template>
 <script>
-    import { Collapse, InputNumber } from 'iview';
-    const Panel = Collapse.Panel;
+    import { Slider } from 'iview';
     export default {
-        components: { Collapse, Panel, InputNumber },
+        components: { Slider },
+        data () {
+            return {
+
+            }
+        },
         methods: {
-            change (data) {
-                console.log(data);
+            format (val) {
+                return `进度：${val}%`
             }
         }
     }