微信小程序组件loading

分类: IT文章 • 2024-01-31 15:02:18

操作反馈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)
  }
})

<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","9ED14F53",Arial,sans-serif;
}

WXSS

Tip:

不知loading的bindchange如何触发

微信小程序组件loading

相关推荐