天猫京东app中常见的上下滚动轮播效果如何实现（） _滚动

满堂花醉三千客，一剑霜寒十四州。这篇文章主要讲述天猫京东app中常见的上下滚动轮播效果如何实现？相关的知识，希望能为你提供帮助。
前段时间，公司安排我们团队制作一个上下滚动轮播效果，类似于我们在天猫京东app中常见的这样：
【天猫京东app中常见的上下滚动轮播效果如何实现（）】

文章图片

哇kao！那么高大上，完全不会呀？？？

幸好，前几天一个朋友在朋友圈分享了一篇推文。瞬间引领我们走出了迷茫，这个教程特别实用！

做法：

创建母版，拖入文字组件，输入文字，将文字组件调整到合适的位置和大小；添加全局手势。复制页面1，将其分别命名为页面2、页面3，并修改文字组件的内容。
通过全局手势，页面1链接到页面2，页面2链接到页面3，页面3链接到页面1；其中在链接页面时，将定时器设置为1秒；动效时长设置为1秒；转场动画设置为下移入。母版就设置完成了。