support LoadingBar

support LoadingBar @Jetsly
2017-03-09 17:29:40 +08:00 · 2017-03-09 17:29:40 +08:00 · f97e5bb01a
commit f97e5bb01a
parent d978690647
7 changed files with 71 additions and 22 deletions
--- a/examples/routers/loading-bar.vue
+++ b/examples/routers/loading-bar.vue
@ -0,0 +1,29 @@
+<template>
+    <div>
+        <i-button @click.native="start">Start</i-button>
+        <i-button @click.native="finish">Finish</i-button>
+        <i-button @click.native="error">Error</i-button>
+    </div>
+</template>
+<script>
+    export default {
+        methods: {
+            start () {
+                this.$Loading.start();
+            },
+            finish () {
+                this.$Loading.finish();
+            },
+            error () {
+                this.$Loading.error();
+            }
+        },
+        created () {
+            this.$Loading.config({
+                color: '#5cb85c',
+                failedColor: '#f0ad4e',
+                height: 5
+            });
+        }
+    }
+</script>