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

This commit is contained in:
Jontyy
2020-12-17 11:05:22 +08:00
committed by GitHub
parent 6e8ca9fd8b
commit b41d95b074
6 changed files with 194 additions and 25 deletions
+37
View File
@@ -246,6 +246,43 @@ export default {
<van-uploader disabled />
```
### 自定义单个图片预览
`v-model` 数组中设置单个预览图片属性,支持 `imageFit`,`deletable`,`previewSize`,`beforeDelete`
```html
<van-uploader v-model="fileList" :deletable="false" />
```
```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