微信小程序新手教程如何实现下拉刷新

微信小程序新手教程如何实现下拉刷新,本篇默认已经成功安装微信小程序工具,来和我们小编一起看看吧
在微信小程序中想要实现下拉刷新,是很方便的 。但是如何使用,在文档上找起来却不是很方便 。话不多说,直接上文档截图

微信小程序新手教程如何实现下拉刷新

文章插图
很明显,enablePullDownRefresh 这个属性设置为true 。就默认开启了下拉刷新 。enablePullDownRefresh可以写在app.json 中 和页面的***.json
app.json
微信小程序新手教程如何实现下拉刷新

文章插图
***.json
微信小程序新手教程如何实现下拉刷新

文章插图
两者的区别是,app.json 是全局型的下拉刷新,而***.json是单个页面的下拉刷新,只能设置window相关的配置项,以决定本页面的窗口表现,所以无需写window这个键 。
剩下的就是监听下拉刷新了,直接上代码 。
微信小程序新手教程如何实现下拉刷新

文章插图
wx.stopPullDownRefresh() 是隐藏下拉刷新动画icon 。剩下的就是下拉刷新后你要写的逻辑了
目前微信小程序还没有正式上线,在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序--嗨图!大家可以直接在这个微信小程序上DIY自己的照片,先来看看具体嗨图有些什么功能吧!
微信小程序嗨图功能
微信小程序新手教程如何实现下拉刷新

文章插图
1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈 。
2、分享墙——用户上传的自己DIY作品 。
3、立即制作——可以用自己的图来DIY 。
4、告诉我——告诉产品的改进,内容的增加 。
【微信小程序新手教程如何实现下拉刷新】想要体验怎么制作属于自己个性朋友圈照片的用户,等1月9号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!
微信小程序新手教程如何实现下拉刷新

文章插图

    推荐阅读