support LoadingBar

support LoadingBar @Jetsly

src/components/loading-bar/loading-bar.vue

@@ -1,7 +1,9 @@
 <template>
-    <div :class="classes" :style="outerStyles" v-show="show" transition="fade">
-        <div :class="innerClasses" :style="styles"></div>
-    </div>
+    <transition name="fade">
+        <div :class="classes" :style="outerStyles" v-show="show">
+            <div :class="innerClasses" :style="styles"></div>
+        </div>
+    </transition>
 </template>
 <script>
     import { oneOf } from '../../utils/assist';
@@ -10,10 +12,10 @@
 
     export default {
         props: {
-            percent: {
-                type: Number,
-                default: 0
-            },
+//            percent: {
+//                type: Number,
+//                default: 0
+//            },
             color: {
                 type: String,
                 default: 'primary'
@@ -26,17 +28,27 @@
                 type: Number,
                 default: 2
             },
-            status: {
-                type: String,
-                validator (value) {
-                    return oneOf(value, ['success', 'error']);
-                },
-                default: 'success'
-            },
-            show: {
-                type: Boolean,
-                default: false
-            }
+//            status: {
+//                type: String,
+//                validator (value) {
+//                    return oneOf(value, ['success', 'error']);
+//                },
+//                default: 'success'
+//            },
+//            show: {
+//                type: Boolean,
+//                default: false
+//            }
+        },
+        data () {
+            return {
+                percent: 0,
+//                color: 'primary',
+//                failedColor: 'error',
+//                height: 2,
+                status: 'success',
+                show: false
+            };
         },
         computed: {
             classes () {