微信小程序Swiper滑动视图练习
小程序的滚动视图交互，玩得溜不溜，全靠对swiper的掌握。这个练习项目还蛮实用的，主要是通过不同方向和手势的控制，帮你搞定常见的滑动效果，响应也挺快，交互体验也还不错。
配合scroll-view来练习的话更有感觉，像那种上下滑动的新闻列表、左右翻页的图片轮播都能轻松实现。界面干净，逻辑清晰，适合用来当模板练练手，或者直接改一改就上线。
Swiper用起来其实不难，重点在于几个属性：circular、autoplay、current这些。理解了它们的关系，基本就能搞定。比如轮播图页不动？检查下是不是没设置autoplay或interval太长。
你要是对动画感兴趣，还可以加点炫酷的切换效果，像全屏翻页、数字滚动、横向日历这些都可以跟着改。下面这几个文章挺有意思：
基于 Swiper 的横向滚动日历组件实现 —— 横向日历控件的做法
uniapp 微信小程序 Swiper 组件箭头控制 —— 多平台通用的轮播操作
tabbar,scroll-view,swiper,微信小程序开发 —— 综合布局搭配参考
如果你正想练练swiper的手感，不妨试试这个项目。对新手友好，也方便拓展。
文件大小：1.11KB
评论区