微信小程式loading元件如何載入動畫方法教學

小云云
發布: 2017-12-11 09:12:38
原創
9492 人瀏覽過

微信小程式越來越流行,本文主要介紹了微信小程式loading元件顯示載入動畫用法,結合實例形式分析了loading元件顯示載入動畫的相關事件操作與屬性設定技巧,希望能幫助到大家。

1、效果顯示

2、關鍵程式碼

① index.wxml

<loading hidden="{{loadingHidden}}">
 加载中...
</loading>
<button type="default" bindtap="loadingTap">点击弹出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);
  }
})
登入後複製

#大家學會了嗎?趕快動手自己操作一下吧。

相關推薦:

微信小程式功能函數小結

#微信小程式使用video元件播放影片功能範例

微信小程式視頻,音樂,圖片組件詳解

以上是微信小程式loading元件如何載入動畫方法教學的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板