添加加载中的example

examples/App.vue

@@ -22,6 +22,9 @@
                     <li>
                         <router-link :to="{ path: '/desktop/image-preview-example'}">图片预览</router-link>
                     </li>
+                    <li>
+                        <router-link :to="{ path: '/desktop/loading-example'}">加载中</router-link>
+                    </li>
 
                     
 

examples/loading/src/LoadingExample.vue

@@ -0,0 +1,33 @@
+<template>
+    <h1>加载中</h1>
+    <button class="btn btn-default" @click="start">开始</button>
+    <Loading ref="loading"></Loading>
+
+</template>
+
+<script>
+
+import Loading from "@/loading/index.js";
+
+export default {
+    data: function () {
+        return {
+
+        }
+    },
+
+    components: {
+        Loading,
+    },
+
+    methods: {
+        start: function(){
+            this.$refs.loading.show();
+            let _self = this;
+            window.setTimeout(function(){
+                _self.$refs.loading.hide();
+            }, 5000);
+        },
+    }
+}
+</script>

examples/route/index.js

@@ -5,6 +5,7 @@ const DateTimeExample = () => import(/* webpackChunkName: "date-time-example" */
 const DateTimeV2Example = () => import(/* webpackChunkName: "date-time-v2-example" */ '../datetime-v2/src/DateTimeV2Example.vue')
 const ModalExample = () => import(/* webpackChunkName: "modal-example" */ '../modal/src/ModalExample.vue')
 const ImagePreviewExample = () => import(/* webpackChunkName: "image-preview-example" */ '../image-preview/src/ImagePreviewExample.vue')
+const LoadingExample = () => import(/* webpackChunkName: "loading-example" */ '../loading/src/LoadingExample.vue')
 const ProcessReport = () => import(/* webpackChunkName: "process-report" */ '../../packages/process/src/ProcessReport.vue')
 const InfoWindow = () => import(/* webpackChunkName: "info-window" */ '../../packages/info/src/InfoWindow.vue')
 const DocGeneratorSelected = () => import(/* webpackChunkName: "doc-generator-selected" */ '../../packages/info/src/DocGeneratorSelected.vue')
@@ -34,6 +35,13 @@ export default {
 				/** 图片预览控件 */
 				{ path: 'image-preview-example', component: ImagePreviewExample },
 
+				/** 加载中 */
+				{ path: 'loading-example', component: LoadingExample },
+
+				
+
+
+
 				/** 流程报表 */
 				{ path: 'process-report/:no', component: ProcessReport },