zanui docs

docs/examples-dist/toast.vue

@@ -1,9 +1,9 @@
 <template><section class="demo-toast"><h1 class="demo-title">toast</h1><example-block title="基础用法">
-                <zan-button @click="showSimpleToast()">普通文字提示</zan-button>
-
-<zan-button @click="showToast('loading')">加载Toast</zan-button>
-<zan-button @click="showToast('success')">成功</zan-button>
-<zan-button @click="showToast('failure')">失败</zan-button>
+                <zan-button @click="showSimpleToast">普通文字提示</zan-button>
+<zan-button @click="showLoadingToast">加载Toast</zan-button>
+<zan-button @click="showSuccessToast">成功</zan-button>
+<zan-button @click="showFailToast">失败</zan-button>
+<zan-button @click="showCustomizedToast(5000)">倒数5秒</zan-button>
 
 
 
@@ -26,11 +26,30 @@ export default {
     showSimpleToast() {
       Toast('我是提示文案，建议不超过十五字~');
     },
-    showToast(type) {
-      Toast({
-        type: type,
-        message: '文案信息'
-      })
+    showLoadingToast() {
+      Toast.loading();
+    },
+    showSuccessToast() {
+      Toast.success('成功文案');
+    },
+    showFailToast() {
+      Toast.fail('失败文案');
+    },
+    showCustomizedToast(duration) {
+      let leftSec = duration / 1000;
+      let toast = Toast({
+        duration: duration + 1000,
+        type: 'success',
+        message: leftSec.toString()
+      });
+      window.setInterval(() => {
+        if (leftSec <= 1) {
+          window.clearInterval();
+          toast.message = '跳转中...'
+          return;
+        }
+        toast.message = (--leftSec).toString();
+      }, 1000);
     }
   }
 };