您所在的位置: 下载吧  >  软件教程  >  聊天软件 > 正文

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

  • 时间:2017-01-04 14:14
  • 来源:下载吧
  • 编辑:xwgod

  微信小程序新手教程如何实现下拉刷新,本篇默认已经成功安装微信小程序工具,来和下载吧小编一起看看吧

  在微信小程序中想要实现下拉刷新,是很方便的。但是如何使用,在文档上找起来却不是很方便。话不多说,直接上文档截图

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

  很明显,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号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

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

人气排行