diff --git a/packages/image-preview/ImagePreview.vue b/packages/image-preview/ImagePreview.vue
index 9e7214111..5c85db952 100644
--- a/packages/image-preview/ImagePreview.vue
+++ b/packages/image-preview/ImagePreview.vue
@@ -2,7 +2,7 @@
   <transition name="van-fade">
     <div
       v-if="value"
-      :class="b()"
+      :class="[b(), className]"
       @touchstart="onWrapperTouchStart"
       @touchend="onWrapperTouchEnd"
       @touchcancel="onWrapperTouchEnd"
@@ -75,6 +75,7 @@ export default create({
     asyncClose: Boolean,
     startPosition: Number,
     showIndicators: Boolean,
+    className: [String, Object, Array],
     loop: {
       type: Boolean,
       default: true
diff --git a/packages/image-preview/en-US.md b/packages/image-preview/en-US.md
index 63474aa17..846f6f74e 100644
--- a/packages/image-preview/en-US.md
+++ b/packages/image-preview/en-US.md
@@ -59,6 +59,7 @@ setTimeout(() => {
 | loop | Whether to enable loop | `Boolean` | `true` |
 | onClose | Close callback | `Function` | - |
 | asyncClose | Whether to enable async close | `Boolean` | `false` |
+| className | Custom className | `String | Array | Object` | - |
 
 ### onClose Parematers
 
diff --git a/packages/image-preview/index.js b/packages/image-preview/index.js
index 242f54b7f..74a1ddddd 100644
--- a/packages/image-preview/index.js
+++ b/packages/image-preview/index.js
@@ -8,6 +8,7 @@ const defaultConfig = {
   images: [],
   loop: true,
   value: true,
+  className: '',
   showIndex: true,
   asyncClose: false,
   startPosition: 0,
diff --git a/packages/image-preview/zh-CN.md b/packages/image-preview/zh-CN.md
index 0f642da93..99e82a167 100644
--- a/packages/image-preview/zh-CN.md
+++ b/packages/image-preview/zh-CN.md
@@ -67,6 +67,7 @@ setTimeout(() => {
 | loop | 是否开启循环播放 | `Boolean` | `true` | 1.4.4 |
 | onClose | 关闭时的回调函数 | `Function` | - | 1.1.16 |
 | asyncClose | 是否开启异步关闭 | `Boolean` | `false` | 1.4.8 |
+| className | 自定义类名 | `String | Array | Object` | - | 1.5.2 |
 
 ### onClose 回调参数
 
diff --git a/types/dialog.d.ts b/types/dialog.d.ts
index 97978cefc..41b593bc8 100644
--- a/types/dialog.d.ts
+++ b/types/dialog.d.ts
@@ -5,7 +5,7 @@ export type DialogOptions = {
   title?: string;
   message?: string;
   overlay?: boolean;
-  className?: string;
+  className?: any;
   lockScroll?: boolean;
   messageAlign?: string;
   confirmButtonText?: string;
diff --git a/types/image-preview.d.ts b/types/image-preview.d.ts
index ca70ebad1..e64465589 100644
--- a/types/image-preview.d.ts
+++ b/types/image-preview.d.ts
@@ -1,9 +1,12 @@
 import { VanPopupMixin } from './mixins/popup';
 
 export type ImagePreviewOptions = string[] | {
+  loop?: boolean;
   images: string[];
+  className?: any;
   startPosition?: number;
   showIndex?: boolean;
+  asyncClose?: boolean;
   showIndicators?: boolean;
   onClose?: () => any;
 };