1.实现导航跳转


2.设置标题内容并创建编译模式



3.获取并且渲染商铺列表数据

获取数据

渲染页面

4.实现初步上拉加载效果
4.1配置loading效果


4.3配置上拉触底距离,并且使页码值自增加1,获取更多数据


节流处理

5.判断数据是否加载完毕
当没有后续数据了,就不应该在发起数据请求了

数据加载提示框




6.实现下拉刷新的功能

下拉刷新的时候,重置关键数据

7.处理店铺的手机号


获取数据
渲染页面
节流处理
当没有后续数据了,就不应该在发起数据请求了
数据加载提示框
下拉刷新的时候,重置关键数据