# swiperImageDelete

**Repository Path**: GuYueFei/swiper-image-delete

## Basic Information

- **Project Name**: swiperImageDelete
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-19
- **Last Updated**: 2025-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 图片删除

### 痛点描述
部分用户反馈在使用swiper做图片预览场景，当滑动到最后一个图片并删除后，会跳到第一张图片，也设置了loop为false，伙伴觉得体验不好，期望展示被删除图片的前一张图片。
由于swiper的最后一个item被删除了，后续没有元素可渲染，出现异常所以OS侧会重新展示第一个item。

本案例针对最后一个item删除时，重置一个索引解决了伙伴的痛点问题。

### 具体功能如下

1. 从前面删除时，当前图片删除成功后，显示后面补位图片
2. 从后面删除时，当前图片删除成功后，显示之前的图片补位


# 效果预览

![效果预览](./image/output.gif)