微信小程序 loading 詳解及實(shí)例代碼

更新時(shí)間：2016年11月09日 11:02:04 投稿：lqh

這篇文章主要介紹了微信小程序 loading 詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下

微信小程序開發(fā)文檔，相關(guān)文章：

微信小程序 action-sheet

微信小程序 modal

微信小程序 toast

微信小程序 loading

微信小程序 loading

屬性名	類型	默認(rèn)值	說明
hidden	Boolean	false	是否隱藏

示例代碼：

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

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

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

js前端設(shè)計(jì)模式優(yōu)化50%表單校驗(yàn)代碼示例
這篇文章主要為大家介紹了js前端設(shè)計(jì)模式優(yōu)化50%表單校驗(yàn)代碼示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-06-06
微信小程序手勢操作之單觸摸點(diǎn)與多觸摸點(diǎn)
這篇文章主要介紹了微信小程序手勢操作之單觸摸點(diǎn)與多觸摸點(diǎn)的相關(guān)資料,需要的朋友可以參考下
2017-03-03
vue axios請求超時(shí)的正確處理方法
這篇文章主要介紹了vue axios請求超時(shí),設(shè)置重新請求的完美解決方法,一并給大家介紹了axios基本用法，需要的朋友可以參考下
2018-04-04
二維碼條形碼生成的JavaScript腳本庫
這篇文章主要為大家介紹了二維碼條形碼生成的JavaScript腳本庫實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
微信小程序定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹
這篇文章主要介紹了微信小程序定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-10-10
使用?render?函數(shù)封裝高擴(kuò)展的組件
這篇文章主要介紹了使用?render?函數(shù)封裝高擴(kuò)展的組件，vue?官網(wǎng)給出的?render?函數(shù)的例子只能體現(xiàn)?render?函數(shù)的優(yōu)雅的一方面，卻不能看出其擴(kuò)展性，今天就來封裝一個(gè)體現(xiàn)其擴(kuò)展性的組件,需要的朋友可以參考一下
2021-12-12
微信小程序教程之模板
這篇文章主要介紹了微信小程序模板的相關(guān)資料,并附實(shí)例代碼，需要的朋友可以參考下
2016-10-10
前端取消請求及取消重復(fù)請求方式
這篇文章主要為大家介紹了前端取消請求及取消重復(fù)請求方式，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
微信小程序實(shí)現(xiàn)列表項(xiàng)滑動(dòng)顯示刪除按鈕的功能
這篇文章主要介紹了微信小程序列表項(xiàng)滑動(dòng)顯示刪除按鈕的相關(guān)資料,需要的朋友可以參考下
2017-04-04
Css-In-Js實(shí)現(xiàn)classNames庫源碼解讀
這篇文章主要為大家介紹了Css-In-Js實(shí)現(xiàn)classNames庫源碼解讀，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12