【文件属性】：
文件名称：微信小程序|实现界面滑动切换
文件大小：64KB
文件格式：PDF
更新时间：2021-03-29 16:52:56
微信,小,程序,实现,界面,滑动,切换,问题,描述,
问题描述
在许多用户体验效果较好的微信小程序中，用户通过左右滑动界面也能实现页面的切换，方便了用户使用，那它们是如何实现的呢？
解决方案
(此图片来源于网络，如有侵权，请联系删除! )
图 1 标签页切换
在图1中，顶部的 3 个标签页标题用 0 、 1 、 2 来表示，当前显示为标签页 0 。当用户向左滑动页面时，标签页 0 就会被划到左边的不可见区域，而标签页 1 被划入可见区域。如果用户在向右滑动页面，则标签页 1 被滑动到右边的不可见区域，标签页 0 被划入可见区域。
问题解决
S wiper 组件是滑块视图容器，经常用于实现轮播图，现在我们将他用于实现标签页的切换。代码如下所