feat(ImagePreview): passing current index to index slot (#7552)

This commit is contained in:
neverland 2020-11-14 08:56:46 +08:00 committed by GitHub
parent 24e8e82f34
commit 29dbd66c80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 9 deletions

View File

@ -140,7 +140,7 @@ export default createComponent({
if (this.showIndex) { if (this.showIndex) {
return ( return (
<div class={bem('index')}> <div class={bem('index')}>
{this.slots('index') || {this.slots('index', { index: this.active }) ||
`${this.active + 1} / ${this.images.length}`} `${this.active + 1} / ${this.images.length}`}
</div> </div>
); );

View File

@ -163,10 +163,10 @@ export default {
### Slots ### Slots
| Name | Description | | Name | Description | SlotProps |
| ----- | -------------------------------------------- | | --- | --- | --- |
| index | Custom index | | index | Custom index | { index: index of current image } |
| cover | Custom content that covers the image preview | | cover | Custom content that covers the image preview | - |
### onClose Parematers ### onClose Parematers

View File

@ -205,10 +205,10 @@ export default {
通过组件调用 `ImagePreview` 时,支持以下插槽: 通过组件调用 `ImagePreview` 时,支持以下插槽:
| 名称 | 说明 | | 名称 | 说明 | 参数 |
| ----- | ------------------------------ | | ----- | ------------------------------ | ------------------------- |
| index | 自定义页码内容 | | index | 自定义页码内容 | { index: 当前图片的索引 } |
| cover | 自定义覆盖在图片预览上方的内容 | | cover | 自定义覆盖在图片预览上方的内容 | - |
### onClose 回调参数 ### onClose 回调参数