微信小程序如何下拉刷新上拉无限推送。

1.下拉刷新,在滑动到顶部时,bindscrolltoupper被调用,根据自己的业务逻辑请求即可.我的demo只是随机换了个关键字.

2.上拉加载,在滑动到底部时,bindscrolltolower被调用,我这里是页数加一,根据自己的业务逻辑修改,然后将获取到的集合添加到scroll-view的数据集合里即可.

onReachBottom方法为微信小程序自带上拉加载方法，开发过程中遇到页面上拉不生效问题，尝试以下几种方法：

1.json文件中添加"onReachBottomDistance"，测试没有生效；

2.page 添加固定高度100%: page{height:100%} 测试也没生效

3.页面最外层盒子添加高度，自己写的是 view {min-height:101vh} 实测有效

总结：

问题出现原因 =>页面内容高度小于屏幕高度

有其他方法的可留言推荐。

vscode的easyless插件会自动生成index.wxss

主要是布局文件index.less的编写，注意less语法。

商品列表页功能：支持上拉加载更多，下拉刷新等

1，父组件（商品列表页）和子组件(Tabs组件)相互传递数据问题

2,上拉加载更多、下拉刷新实现的逻辑

---