feat(Upload): add videoFit prop (#5475)

youzan · Jul 10, 2023 · f26de0c · f26de0c
1 parent 8309c27
commit f26de0c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/packages/uploader/README.md b/packages/uploader/README.md
@@ -238,6 +238,7 @@ uploadFilePromise(fileName, chooseResult) {
 | max-size | 文件大小限制，单位为`byte` | _number_ | - |
 | max-count | 文件上传数量限制 | _number_ | - |
 | upload-text | 上传区域文字提示 | _string_ | - |
+| video-fit `1.10.21` | video 封面的预览图模式，可选值参考小程序`video`组件的`object-fit`属性 | _string_ | `contain` |
 | image-fit | 预览图裁剪模式，可选值参考小程序`image`组件的`mode`属性 | _string_ | `scaleToFill` |
 | use-before-read | 是否开启文件读取前事件 | _boolean_ | - |
 | camera | 当 accept 为 `video` \| `media` 时生效，可选值为 `back` `front` | _string_ | - |

diff --git a/packages/uploader/index.ts b/packages/uploader/index.ts
@@ -52,6 +52,10 @@ VantComponent({
  type: Boolean,
  value: true,
  },
+ videoFit: {
+ type: String,
+ value: 'contain',
+ },
  imageFit: {
  type: String,
  value: 'scaleToFill',

diff --git a/packages/uploader/index.wxml b/packages/uploader/index.wxml
@@ -28,6 +28,7 @@
  title="{{ item.name || ('视频' + index) }}"
  poster="{{ item.thumb }}"
  autoplay="{{ item.autoplay }}"
+ object-fit="{{videoFit}}"
  class="van-uploader__preview-image"
  style="{{ computed.sizeStyle({ previewSize }) }}"
  data-index="{{ index }}"