diff --git a/src/coupon-list/README.zh-CN.md b/src/coupon-list/README.zh-CN.md index 57728dc55..d91f82bb3 100644 --- a/src/coupon-list/README.zh-CN.md +++ b/src/coupon-list/README.zh-CN.md @@ -91,7 +91,7 @@ export default { | coupons | 可用优惠券列表 | _Coupon[]_ | `[]` | | editable | 能否切换优惠券 | _boolean_ | `true` | | border | 是否显示内边框 | _boolean_ | `true` | -| currency | 货币符号 | _string_ | `¥` | - | +| currency | 货币符号 | _string_ | `¥` | ### CouponList Props diff --git a/src/uploader/README.md b/src/uploader/README.md index d26acb1cc..a2251876d 100644 --- a/src/uploader/README.md +++ b/src/uploader/README.md @@ -223,6 +223,41 @@ Use `disabled` prop to disable uploader. ``` +### Customize Single Preview Image Style + +```html + +``` + +```js +import { ref } from 'vue'; +import { Toast } from 'vant'; + +export default { + setup() { + const fileList = ref([ + { url: 'https://img.yzcdn.cn/vant/leaf.jpg' }, + { + url: 'https://img.yzcdn.cn/vant/sand.jpg', + deletable: true, + beforeDelete: () => { + Toast('Customize the events and styles of a single preview image'); + }, + }, + { + url: 'https://img.yzcdn.cn/vant/tree.jpg', + deletable: true, + imageFit: 'contain', + previewSize: 120, + }, + ]); + return { + fileList: + }; + } +}; +``` + ## API ### Props diff --git a/src/uploader/README.zh-CN.md b/src/uploader/README.zh-CN.md index 204497938..852a94378 100644 --- a/src/uploader/README.zh-CN.md +++ b/src/uploader/README.zh-CN.md @@ -246,6 +246,43 @@ export default { ``` +### 自定义单个图片预览 + +在 `v-model` 数组中设置单个预览图片属性,支持 `imageFit`,`deletable`,`previewSize`,`beforeDelete` + +```html + +``` + +```js +import { ref } from 'vue'; +import { Toast } from 'vant'; + +export default { + setup() { + const fileList = ref([ + { 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, + }, + ]); + return { + fileList: + }; + } +}; +``` + ## API ### Props diff --git a/src/uploader/demo/index.vue b/src/uploader/demo/index.vue index 7aeddcdf2..2dddba7f9 100644 --- a/src/uploader/demo/index.vue +++ b/src/uploader/demo/index.vue @@ -47,6 +47,10 @@ + + + +