微信小程序loading組件顯示載入動畫用法示例【附源碼下載】
更新時間：2017年12月09日 09:00:14 作者：FutrueJet
這篇文章主要介紹了微信小程序loading組件顯示載入動畫用法,結(jié)合實例形式分析了loading組件顯示載入動畫的相關(guān)事件操作與屬性設(shè)置技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了微信小程序loading組件顯示載入動畫用法。分享給大家供大家參考，具體如下：
1、效果展示
2、關(guān)鍵代碼
① 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);
}
})
3、源代碼點擊此處本站下載。
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了原生js實現(xiàn)下拉刷新和上拉加載更多，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
做web開發(fā)的朋友都清楚，js程序的調(diào)試是相當(dāng)郁悶的，因為首先這種語言語法比較靈活，它是一種弱類型的腳本語言，很多錯誤是無法控制的。2010-10-10
這篇文章主要介紹了es6函數(shù)之尾遞歸用法,結(jié)合實例形式分析了es6函數(shù)尾遞歸原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04
在寫 JavaScript 腳本的時候，為了創(chuàng)建一個類，如果不使用框架，一般情況我們都會使用 prototype 來給要創(chuàng)建的類增加公有方法2009-06-06
javascript 動態(tài)創(chuàng)建表格
這篇文章主要介紹了javascript 動態(tài)創(chuàng)建表格,需要的朋友可以參考下2015-01-01
JavaScript實現(xiàn)網(wǎng)頁加載進度條代碼超簡單
網(wǎng)頁進度條能夠更好的反應(yīng)當(dāng)前網(wǎng)頁的加載進度情況，loading進度條可用動畫的形式從開始0%到100%完成網(wǎng)頁加載這一過程。代碼簡單易懂，效果非常好，需要的一起學(xué)習(xí)學(xué)習(xí)吧2015-09-09
一文了解JavaScript中call/apply/bind的使用
這篇文章主要介紹了一文了解JavaScript中call/apply/bind的使用，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-07-07
在做 《JS在線打字練習(xí)》時，發(fā)現(xiàn)JS在不同瀏覽器上的字符處理是不一樣的。2010-12-12
這篇文章主要介紹了前端組件化基礎(chǔ)知識，我們一起來學(xué)習(xí)前端組件化的知識，組件化在前端架構(gòu)里面是最重要的部分，了解什么是組件化和一個組件的基本組成部分開始2021-04-04
本篇文章主要是對利用JS獲取計算機mac地址以及IP的實現(xiàn)方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01