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