微信小程序loading組件顯示載入動畫用法示例【附源碼下載】
更新時間：2017年12月09日 09:00:14 作者：FutrueJet
這篇文章主要介紹了微信小程序loading組件顯示載入動畫用法,結合實例形式分析了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);
}
})
3、源代碼點擊此處本站下載。
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
本文主要介紹了js處理層級數(shù)據(jù)結構的方法。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了JS簡單生成兩個數(shù)字之間隨機數(shù)的方法,涉及javascript數(shù)值運算的相關技巧,需要的朋友可以參考下2016-08-08
js中數(shù)組結合字符串實現(xiàn)查找(屏蔽廣告判斷url等)
這篇文章主要介紹了js中數(shù)組結合字符串實現(xiàn)查找(屏蔽廣告判斷url等),需要的朋友可以參考下2016-03-03
JS中ESModule和commonjs介紹及使用區(qū)別
這篇文章主要介紹了JS中ESModule和commonjs介紹及使用區(qū)別,文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-07-07
JS實現(xiàn)的表格操作類詳解(添加，刪除，排序，上移，下移)
這篇文章主要介紹了JS實現(xiàn)的表格操作類,可實現(xiàn)針對表格的添加,刪除,排序,上移,下移等操作,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
async/await實現(xiàn)Promise.all()的方式
Promise.all() 方法接收一個 promise 的 iterable 類型的輸入，并且只返回一個Promise實例，并且輸入的所有 promise 的 resolve 回調(diào)的結果是一個數(shù)組，對async/await實現(xiàn)Promise.all()相關知識感興趣的朋友一起看看吧2022-12-12
JavaScript設置彈出式獨立窗口頁面和window的方法舉例詳解
window.open是網(wǎng)頁中經(jīng)常遇到的彈出窗口代碼,不是網(wǎng)絡中比較反感的那類彈出代碼,下面這篇文章主要給大家介紹了關于JavaScript設置彈出式獨立窗口頁面和window的方法,需要的朋友可以參考下2024-01-01
JavaScript實現(xiàn)向OL列表內(nèi)動態(tài)添加LI元素的方法
這篇文章主要介紹了JavaScript實現(xiàn)向OL列表內(nèi)動態(tài)添加LI元素的方法,實例分析了javascript操作html元素的技巧,需要的朋友可以參考下2015-03-03
在ES6中，引入了同步iteration的概念，隨著ES8中的Async操作符的引用，是不是可以在一異步操作中進行遍歷操作呢？今天要給大家講一講ES9中的異步遍歷的新特性Async iteration。2021-06-06
JavaScript原生對象之String對象的屬性和方法詳解
這篇文章主要介紹了JavaScript原生對象之String對象的屬性和方法詳解,本文講解了length、charAt()、charCodeAt()、concat()、indexOf()、lastIndexOf()等方法屬性,需要的朋友可以參考下2015-03-03