微信小程序组件loading

操作反馈loading:官方文档

 

Demo Code:

Page({
  data: {
    hidden: true
  },
  loadingChange: function () {
    console.log("loadingChange log");
  },
  loadingTap: function () {
    this.setData({
      hidden: false
    })

    var that = this
    setTimeout(function () {
      that.setData({
        hidden: true
      })
    }, 1500)
  }
})

JS

<view class="body-view">
  <loading hidden="{{hidden}}" bindchange="loadingChange">
    加载中...
  </loading>
  <button type="default" bindtap="loadingTap">点击弹出loading</button>
</view>

WXML

.body-view{
    font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
}

WXSS

Tip:

不知loading的bindchange如何触发

转载于:https://www.cnblogs.com/betterlife/p/5973131.html