feat(uploader): add single uploader preview image style (#7776)

add single uploader preview image style
2020-12-21 21:34:42 +08:00
parent cdd48318db
commit 0e68369d47
5 changed files with 138 additions and 6 deletions
@@ -219,6 +219,41 @@ export default {
 <van-uploader disabled />
 ```

+### 自定义单个图片预览
+
+在 `v-model` 数组中设置单个预览图片属性，支持 `imageFit`,`deletable`,`previewSize`,`beforeDelete`
+
+```html
+<van-uploader v-model="fileList" :deletable="false" />
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      fileList = [
+        { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
+        {
+          url: 'https://img.yzcdn.cn/vant/sand.jpg',
+          deletable: true,
+          beforeDelete: () => {
+            Toast('自定义单个预览图片的事件和样式');
+          },
+        },
+        {
+          url: 'https://img.yzcdn.cn/vant/tree.jpg',
+          deletable: true,
+          imageFit: 'contain',
+          previewSize: 120,
+        },
+      ];
+    }
+  }
+};
+```
+
 ## API

 ### Props