diff --git a/docs/examples-docs/image-preview.md b/docs/examples-docs/image-preview.md
index 414e9e7f0..954c6f8e1 100644
--- a/docs/examples-docs/image-preview.md
+++ b/docs/examples-docs/image-preview.md
@@ -6,8 +6,7 @@ export default {
     handleImagePreview() {
       ImagePreview([
         'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp',
-        'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp',
-        'https://img.yzcdn.cn/upload_files/2017/03/15/FkubrzN7AgGwLlTeb1E89-T_ZjBg.png'
+        'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp'
       ]);
     }
   }
@@ -21,5 +20,21 @@ export default {
 :::demo
 ```html
 <zan-button @click="handleImagePreview">预览图片</zan-button>
+
+<script>
+import { ImagePreview } from 'src/index';
+
+export default {
+  methods: {
+    handleImagePreview() {
+      ImagePreview([
+        'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp',
+        'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp'
+      ]);
+    }
+  }
+};
+</script>
 ```
 :::
+