這篇文章主要介紹了微信小程序loading組件顯示載入動(dòng)畫用法,結(jié)合實(shí)例形式分析了loading組件顯示載入動(dòng)畫的相關(guān)事件操作與屬性設(shè)置技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下

本文實(shí)例講述了微信小程序loading組件顯示載入動(dòng)畫用法。分享給大家供大家參考，具體如下：

1、效果展示

2、關(guān)鍵代碼

① index.wxml

<loading hidden="{{loadingHidden}}">
 加載中...
</loading>
<button type="default" bindtap="loadingTap">點(diǎn)擊彈出loading</button>

② index.js

Page({
  data: {
    loadingHidden: true
  },
  loadingTap: function(){
    this.setData({
     loadingHidden: false
    });
    var that = this;
    setTimeout(function(){
     that.setData({
       loadingHidden: true
     });
     that.update();
    }, 3000);
  }
})

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP中文網(wǎng)！

相關(guān)推薦：

以上就是微信小程序loading組件顯示載入動(dòng)畫的用法介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注有卡有網(wǎng)。