diff --git a/example/routers/dialog.vue b/example/routers/dialog.vue
index 31bf643e..2270075a 100644
--- a/example/routers/dialog.vue
+++ b/example/routers/dialog.vue
@@ -1,113 +1,112 @@
 <template>
-    <yd-layout title="Dialog">
+  <yd-layout title="Dialog">
+    <yd-button-group>
+      <yd-button @click.native="openConfrim" size="large">Confirm</yd-button>
 
-        <yd-button-group>
+      <yd-button @click.native="openCustomConfrim" size="large">Confirm->Custom</yd-button>
 
-            <yd-button @click.native="openConfrim" size="large">Confirm</yd-button>
+      <yd-button @click.native="openAlert" size="large" type="hollow">Alert</yd-button>
 
-            <yd-button @click.native="openCustomConfrim" size="large">Confirm->Custom</yd-button>
+      <yd-button @click.native="toastSuccess" size="large" type="danger">Toast->Success</yd-button>
 
-            <yd-button @click.native="openAlert" size="large" type="hollow">Alert</yd-button>
+      <yd-button @click.native="toastError" size="large" type="danger">Toast->Error</yd-button>
 
-            <yd-button @click.native="toastSuccess" size="large" type="danger">Toast->Success</yd-button>
+      <yd-button @click.native="toastNone" size="large" type="danger">Toast->None</yd-button>
 
-            <yd-button @click.native="toastError" size="large" type="danger">Toast->Error</yd-button>
+      <yd-button @click.native="openLoading" size="large" type="hollow">Loading</yd-button>
 
-            <yd-button @click.native="toastNone" size="large" type="danger">Toast->None</yd-button>
-
-            <yd-button @click.native="openLoading" size="large" type="hollow">Loading</yd-button>
-
-            <yd-button @click.native="openNotify" size="large" type="hollow">Notify</yd-button>
-
-        </yd-button-group>
-
-    </yd-layout>
+      <yd-button @click.native="openNotify" size="large" type="hollow">Notify</yd-button>
+    </yd-button-group>
+  </yd-layout>
 </template>
 
 <script type="text/babel">
-    export default {
-        methods: {
-            openConfrim() {
-                this.$dialog.confirm({
-                    title: '选填标题',
-                    mes: '我有一个小毛驴我从来也不骑！',
-                    opts: () => {
-                        this.$dialog.toast({mes: '你点了确定', timeout: 1000});
-                    }
-                });
-            },
-            openCustomConfrim() {
-                this.$dialog.confirm({
-                    title: '选填标题',
-                    mes: '我有一个小毛驴我从来也不骑！',
-                    opts: [
-                        {
-                            txt: '取消',
-                            color: false,
-                            callback: () => {
-                                this.$dialog.toast({mes: '你点了取消', timeout: 1000});
-                            }
-                        },
-                        {
-                            txt: '犹豫一下',
-                            stay: true,
-                            color: '#CCC',
-                            callback: () => {
-                                this.$dialog.toast({mes: '别犹豫了', timeout: 1000});
-                            }
-                        },
-                        {
-                            txt: '确定',
-                            color: true,
-                            callback: () => {
-                                this.$dialog.toast({mes: '你点了确定', timeout: 1000});
-                            }
-                        }
-                    ]
-                });
-            },
-            openAlert() {
-                this.$dialog.alert({mes: '消息一出，休想滚动屏幕[移动终端]！'});
-            },
-            toastSuccess() {
-                this.$dialog.toast({
-                    mes: '保存成功',
-                    timeout: 1500,
-                    icon: 'success'
-                });
-            },
-            toastError() {
-                this.$dialog.toast({
-                    mes: '保存失败',
-                    timeout: 1500,
-                    icon: 'error',
-                    callback: () => {
-                        this.$dialog.alert({mes: '给你一次重来的机会！'});
-                    }
-                });
-            },
-            toastNone() {
-                this.$dialog.toast({
-                    mes: '一个没有任何图标的提示！',
-                    timeout: 1500
-                });
-            },
-            openLoading() {
-                this.$dialog.loading.open('很快加载好了');
-
-                setTimeout(() => {
-                    this.$dialog.loading.close();
-                }, 2000);
-            },
-            openNotify() {
-                this.$dialog.notify({
-                    mes: '5秒后自动消失，点我也可以消失！',
-                    timeout: 5000,
-                    callback: () => {
-                        console.log('我走咯！');
-                    }
-                });
+export default {
+  methods: {
+    openConfrim() {
+      this.$dialog.confirm({
+        title: "选填标题",
+        mes: "我有一个小毛驴我从来也不骑！",
+        opts: () => {
+          this.$dialog.toast({ mes: "你点了确定", timeout: 1000 });
+        }
+      });
+    },
+    openCustomConfrim() {
+      this.$dialog.confirm({
+        title: "选填标题",
+        mes: "我有一个小毛驴我从来也不骑！",
+        opts: [
+          {
+            txt: "取消",
+            color: false,
+            callback: () => {
+              this.$dialog.toast({ mes: "你点了取消", timeout: 1000 });
+            }
+          },
+          {
+            txt: "犹豫一下",
+            stay: true,
+            color: "#CCC",
+            callback: () => {
+              this.$dialog.toast({ mes: "别犹豫了", timeout: 1000 });
+            }
+          },
+          {
+            txt: "确定",
+            color: true,
+            callback: () => {
+              this.$dialog.toast({ mes: "你点了确定", timeout: 1000 });
             }
+          }
+        ]
+      });
+    },
+    openAlert() {
+      this.$dialog.alert({ mes: "消息一出，休想滚动屏幕[移动终端]！" });
+    },
+    toastSuccess() {
+      this.$dialog.toast({
+        mes: "保存成功",
+        timeout: 1500,
+        icon: "success"
+      });
+    },
+    toastError() {
+      this.$dialog.toast({
+        mes: "保存失败",
+        timeout: 1500,
+        icon: "error",
+        callback: () => {
+          this.$dialog.alert({ mes: "给你一次重来的机会！" });
+        }
+      });
+    },
+    toastNone() {
+      this.$dialog.toast({
+        mes: "一个没有任何图标的提示！",
+        timeout: 1500
+      });
+    },
+    openLoading() {
+      this.$dialog.loading.open("很快加载好了");
+
+      setTimeout(() => {
+        this.$dialog.loading.close();
+      }, 2000);
+    },
+    openNotify() {
+      this.$dialog.notify({
+        mes: "5秒后自动消失，点我也可以消失！",
+        timeout: 5000,
+        clickCallback: () => {
+          console.log("我被点了，我要走！");
+        },
+        callback: () => {
+          console.log("我走咯！");
         }
+      });
     }
+  }
+};
 </script>
diff --git a/src/components/dialog/src/notify/index.js b/src/components/dialog/src/notify/index.js
index 0b2d52af..59c39572 100644
--- a/src/components/dialog/src/notify/index.js
+++ b/src/components/dialog/src/notify/index.js
@@ -6,6 +6,11 @@ const instance = new NotifyConstructor({
     el: document.createElement('div')
 });
 
+const notifyClicked = function () {
+    clearTimeout(timer);
+    instance.clickNotify();
+}
+
 let timer = null;
 let lock = false;
 
@@ -14,6 +19,7 @@ NotifyConstructor.prototype.closeNotify = function () {
 
     setTimeout(() => {
         const el = instance.$el;
+        el.removeEventListener("click", notifyClicked);
         el.parentNode && el.parentNode.removeChild(el);
         lock = false;
     }, 150);
@@ -21,21 +27,24 @@ NotifyConstructor.prototype.closeNotify = function () {
     typeof this.callback === 'function' && this.callback();
 };
 
+NotifyConstructor.prototype.clickNotify = function () {
+    typeof this.clickCallback === 'function' && this.clickCallback();
+    instance.closeNotify();
+};
+
 const Notify = (options = {}) => {
     instance.classes = '';
     instance.mes = options.mes;
     instance.timeout = ~~options.timeout || 5000;
     instance.callback = options.callback;
+    instance.clickCallback = options.clickCallback;
 
-    if (lock)return;
+    if (lock) return;
     lock = true;
 
     document.body.appendChild(instance.$el);
 
-    instance.$el.addEventListener('click', () => {
-        clearTimeout(timer);
-        instance.closeNotify();
-    });
+    instance.$el.addEventListener('click', notifyClicked);
 
     timer = setTimeout(() => {
         clearTimeout(timer);
diff --git a/src/components/dialog/src/notify/notify.vue b/src/components/dialog/src/notify/notify.vue
index 32237a0e..f946fc00 100644
--- a/src/components/dialog/src/notify/notify.vue
+++ b/src/components/dialog/src/notify/notify.vue
@@ -12,7 +12,8 @@
         props: {
             mes: String,
             timeout: Number,
-            callback: Function
+            callback: Function,
+            clickCallback: Function
         }
     }
 </script>