diff --git a/packages/vant/src/image-preview/ImagePreview.tsx b/packages/vant/src/image-preview/ImagePreview.tsx index 6a38b505c..7257a8b37 100644 --- a/packages/vant/src/image-preview/ImagePreview.tsx +++ b/packages/vant/src/image-preview/ImagePreview.tsx @@ -61,6 +61,7 @@ const imagePreviewProps = { closeIcon: makeStringProp('clear'), transition: String, beforeClose: Function as PropType, + overlayClass: unknownProp, overlayStyle: Object as PropType, swipeDuration: makeNumericProp(300), startPosition: makeNumericProp(0), @@ -215,7 +216,7 @@ export default defineComponent({ return () => ( `bottom-left` `bottom-right` | _string_ | `top-right` | | transition `v3.0.8` | 动画类名,等价于 [transition](https://v3.cn.vuejs.org/api/built-in-components.html#transition) 的 `name` 属性 | _string_ | `van-fade` | -| overlay-style `v3.0.8` | 自定义遮罩层样式 | _object_ | - | +| overlayClass `v3.2.8` | 自定义遮罩层类名 | _string \| Array \| object_ | - | +| overlayStyle `v3.0.8` | 自定义遮罩层样式 | _object_ | - | | teleport | 指定挂载的节点,等同于 Teleport 组件的 [to 属性](https://v3.cn.vuejs.org/api/built-in-components.html#teleport) | _string \| Element_ | - | ### Props @@ -213,6 +214,7 @@ export default { | close-icon | 关闭图标名称或图片链接 | _string_ | `clear` | | close-icon-position | 关闭图标位置,可选值为 `top-left`
`bottom-left` `bottom-right` | _string_ | `top-right` | | transition `v3.0.8` | 动画类名,等价于 [transition](https://v3.cn.vuejs.org/api/built-in-components.html#transition) 的 `name` 属性 | _string_ | `van-fade` | +| overlay-class `v3.2.8` | 自定义遮罩层类名 | _string \| Array \| object_ | - | | overlay-style `v3.0.8` | 自定义遮罩层样式 | _object_ | - | | teleport | 指定挂载的节点,等同于 Teleport 组件的 [to 属性](https://v3.cn.vuejs.org/api/built-in-components.html#teleport) | _string \| Element_ | - | diff --git a/packages/vant/src/image-preview/function-call.tsx b/packages/vant/src/image-preview/function-call.tsx index 04ebe8e06..b33fb1d86 100644 --- a/packages/vant/src/image-preview/function-call.tsx +++ b/packages/vant/src/image-preview/function-call.tsx @@ -22,6 +22,7 @@ const defaultConfig: ImagePreviewOptions = { transition: undefined, beforeClose: undefined, overlayStyle: undefined, + overlayClass: undefined, startPosition: 0, swipeDuration: 300, showIndicators: false, diff --git a/packages/vant/src/image-preview/types.ts b/packages/vant/src/image-preview/types.ts index eb4c574f1..5f196bdc8 100644 --- a/packages/vant/src/image-preview/types.ts +++ b/packages/vant/src/image-preview/types.ts @@ -21,6 +21,7 @@ export type ImagePreviewOptions = { transition?: string; beforeClose?: Interceptor; overlayStyle?: CSSProperties; + overlayClass?: unknown; swipeDuration?: number; startPosition?: number; showIndicators?: boolean;