一、列表制作
二、翻页设置
拖入两个文本标签,编辑为【上一页】和【下一页】,并创建交互:【点击时】分别设置当前显示页面为【上一项】和【下一项】,如上图所示;预览即可查看卡片的翻页效果;
三、细节优化
如果我们希望如果当前页面是第一页,则【上一页】操作禁用;如果当前页面是最后一页,则【下一页】操作禁用;
首先在中继器载入时,若中继器当前页面为【1】,则禁用【上一页】。
然后在点击【下一页】时,若 [[This.pageIndex]]==[[This.pageCount-1]] 时,即当前页面为倒数第二页时点击【下一页】,禁用【下一页】;
最后在点击【上一页】时,若 [[This.pageIndex]]==2 时,即当前页面为第二页时点击【上一页】,禁用【上一页】;
反之,在其他情况下,设置“按钮”为【启用】状态。