用户登录

翻页会去请求新的数据,等待返回数据这期间可以把我们的 Placeholder 组件显示出来 .. 翻页的时候,执行 onPageChange ,这里除了 current ,再把 placeholder 的值设置成 true .. 这样就会让 Placeholder 组件显示出来 ..

另外这个产品列表组件的显示可以再做一下判断 .. 找到 ProductList .. 判断一下 !placeholder .. && .. 意思就是如果 placeholder 它的值不是 true,才会显示这个产品列表 ..

再去试一下 .. 现在翻页的时候,新页面的数据可用之前会显示 Placeholder 组件 ..

这个组件的数量现在可以换成 pageSize .. 这样 Placeholder 组件的数量跟每页显示的项目数量是一样的 ..

翻页时显示加载占位符(Placeholder)《 电商小程序案例:内容分页 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点