微信小程序下拉刷新简单

---

实现微信小程序的下拉刷新UI设计

一、下拉刷新的实现

在日常使用中 人们习惯于下拉刷新操作，给出下来刷新的UI界面实现
，后续刷新数据库，请自行探索。

二、使用步骤

1.在Js文件中添加代码：

代码如下（示例）：

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */

  onPullDownRefresh: function () {
    
    wx.showNavigationBarLoading() //在标题栏中显示加载
    setTimeout(function () {
    wx.hideNavigationBarLoading() //完成停止加载
    wx.stopPullDownRefresh() //停止下拉刷新
    wx.showToast({
      icon:'none',
      title: '刷新成功'
      
    })//停止下拉刷新
     }, 500);

},

图片如下（示例）：

2.实现效果如下

图一下拉（示例）：

图二刷新成功（示例）：

总结

综上：这里只是给出了刷新的前端实现，具体数据的更新还得另外调用接口 。微信小程序已经封装好了，很多方法，值得我们多学习，多探索。
附上：微信开发文档