[{"insert":"使用面板组件"},{"insert":{"image":"//file3.ih5.cn/v35/files/089e89e72709e98ca6cc2610531672cc_2074_76_144.png"}},{"insert":"自带的上拉加载功能。数据的输出用两个参数动态控制：page（page自增，控制数据加载次数），offset（控制每页显示数据条数）\n\n前端：数据分页输出，每页条数为offset（可根据情况自主设定），page为当前输出数据请求总次数，初始值为1，面板每上拉加载一次，page自增一次，直到无数据输出为止。输出有数据则往前台数据列表增加输出的数据值，无数据输出则提示无数据状态。输出商品需多次调用，故打包成一个动作组。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/12aa2d5efcdd9683d2433f4f23fb6c37_50986_896_564.png"}},{"insert":"\n\n本案例每次输出数据条数为5\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/b7d346dbc56bb63b316ea878eaa27b82_16840_885_228.png"}},{"insert":"\n\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/1a8043e16a0361bfdaa3717d994dc486_29048_910_300.png"}},{"insert":"\n\n后台：数据输出服务中，前端传入page和offset，有数据则返回输出数据，无数据则给出无数据提示"},{"insert":{"image":"//file3.ih5.cn/v35/files/a9a0bdcdd947eecf83d2323d6f717c2b_67964_910_614.png"}},{"insert":"\n\n\n注意：由于面板组件不知道数据获取所需要的时间，加载的动画不会自主结束，而需要我们自己在获取数据结束后去手动结束动画。面板文档："},{"attributes":{"link":"https://www.ivx.cn/docview?lang=zh&page=ih5-simscroller&type=doc&showall=0#"},"insert":"https://www.ivx.cn/docview?lang=zh&page=ih5-simscroller&type=doc&showall=0#"},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/80129652bd3e0087a871e780bc752172_31048_900_357.png"}},{"insert":"\n\n"}]
[{"insert":"做一个移动端商品列表展示，默认一页显示10-20个，上拉刷新，就输出更多的数据，如果上拉之后没有更多数据，则在最后添加一个“没有更多了”的提示。\n"}]
移动端商品列表展示，默认一次输出5条数据，上拉刷新，就输出更多的数据，如果上拉之后没有更多数据，则在最后显示“没有更多了”的提示。案例中每次加载数据条数可根据自己案例情况进行调整
75c05507627714c389e09032bd7eb3e1_58573_358_658.png
我们所有的demo，涉及前后台逻辑，都严格做成前后台分离。所以这边的方案，需要包含前端方案以及后台服务实现方案。
https://file82c7e019c4b2.v4.h5sys.cn/play/3sxljSS9