diff --git a/examples/view/demos/tooltip/demo-2.vue b/examples/view/demos/tooltip/demo-2.vue
new file mode 100644
index 000000000..2fb9fa075
--- /dev/null
+++ b/examples/view/demos/tooltip/demo-2.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <dao-tooltip
+            content="Right Center 提示文字"
+            placement="right"
+            :delay="delay">
+      <button class="dao-btn ghost">右边 && 延迟 1000 ms</button>
+    </dao-tooltip>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        delay: 1000,
+      };
+    },
+  };
+</script>
diff --git a/examples/view/page/components/tooltip/index.vue b/examples/view/page/components/tooltip/index.vue
index d259f5afc..96771ec6c 100644
--- a/examples/view/page/components/tooltip/index.vue
+++ b/examples/view/page/components/tooltip/index.vue
@@ -13,14 +13,28 @@
         </demo-code>
       </template>
     </docs-section>
+    <docs-section>
+      <template slot="title">添加延时</template>
+      <template slot="content">
+        <demo-code>
+          <demo2 slot="demo"></demo2>
+          <code-reader slot="code" file="tooltip/demo-2.vue"></code-reader>
+          <md-reader slot="desc">
+            通过 `delay` 参数传入延时，控制多长时间显示提示文字。
+          </md-reader>
+        </demo-code>
+      </template>
+    </docs-section>
   </div>
 </template>
 <script>
   import Demo1 from '@demos/tooltip/demo-1';
+  import Demo2 from '@demos/tooltip/demo-2';
 
   export default {
     components: {
       Demo1,
+      Demo2,
     },
     data() {
       return {};