From c79fe45bdf728d88cb4886330f05158aea9ac11b Mon Sep 17 00:00:00 2001 From: liugang9704 <2745340733@qq.com> Date: Tue, 14 Jan 2025 16:35:27 +0800 Subject: [PATCH] =?UTF-8?q?README=E4=B8=AD=E7=AE=80=E4=BB=8B=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 4faa63c..8b4c99f 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,10 @@ -# **多图片合集** +# **使用Swiper组件实现图文作品轮播** ## 介绍 -基于Swiper组件和自定义指示器实现多图片合计功能。 +本示例介绍了如何使用Swiper组件实现图片轮播效果,以及如何自定义Swiper组件的指示器,来实现图片的切换效果。 -在短视频平台上,经常可以见到多图片合集。它的特点是:由多张图片组成一个合集,图片可以自动进行轮播,也可以手动去进行图片切换。图片下方的进度条 +在短视频平台上,经常可以见到图文合集。它的特点是:由多张图片组成一个合集,图片可以自动进行轮播,也可以手动去进行图片切换。图片下方的进度条 会跟随图片的切换而切换。 -多图片合集展示效果是一个常见的UI效果: -* 当作品自动播放时,图片可自动切换,下方进度条缓慢增长,且进度与该图片停留时间匹配。 -* 当作品手动播放时,下方进度条会根据图片切换改变为未完成进度状态或已完成进度状态。 - ## 预览效果 ![](./screenshots/device/image.gif) ## 工程目录 -- Gitee