feat: 图片预览新增“vertical”属性配置是否纵向滚动

suncohey · Mar 8, 2024 · 316abeb · 316abeb
1 parent c134bdb
commit 316abeb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/packages/vant/src/image-preview/ImagePreview.tsx b/packages/vant/src/image-preview/ImagePreview.tsx
@@ -60,6 +60,7 @@ export const imagePreviewProps = {
   minZoom: makeNumericProp(1 / 3),
   maxZoom: makeNumericProp(3),
   overlay: truthProp,
+  vertical: Boolean,
   closeable: Boolean,
   showIndex: truthProp,
   className: unknownProp,
@@ -159,6 +160,7 @@ export default defineComponent({
         lazyRender
         loop={props.loop}
         class={bem('swipe')}
+        vertical={props.vertical}
         duration={props.swipeDuration}
         initialSwipe={props.startPosition}
         showIndicators={props.showIndicators}

diff --git a/packages/vant/src/image-preview/types.ts b/packages/vant/src/image-preview/types.ts
@@ -1,3 +1,11 @@
+/*
+ * @Author: sunguohui
+ * @Date: 2024-03-08 11:02:22
+ * @LastEditors: sunguohui
+ * @LastEditTime: 2024-03-08 11:09:08
+ * @FilePath: \vant\src\image-preview\types.ts
+ * @Description:
+ */
 import type {
   CSSProperties,
   TeleportProps,
@@ -14,6 +22,7 @@ export type ImagePreviewOptions = {
   images: string[];
   maxZoom?: number;
   minZoom?: number;
+  vertical?: boolean;
   teleport?: TeleportProps['to'];
   className?: unknown;
   showIndex?: boolean;