IT的開始之路——微信小程序（3）

操做反饋提示框(按下按鈕後彈出反饋提示框)

 loading & toast

loading：等待提示框（如圖一所示）

　　　（圖一）

代碼：

　　.wxml

<button type="primary" bindtap='click'>按鈕</button> 

<loading hidden="{{loadingHidden}}">//loadingHidden控制loading是否顯示
     等待...
  </loading>

　　

　　.wxjs

 data: {
    loadingHidden:true
  },

　　

// 按 鈕
  click:function(){
    this.setData({ loadingHidden:false});
  },

　　toast:確認提示框（如圖二所示）

　　　　（圖二）

代碼：

.wxml

<button type="primary" bindtap='click'>按鈕</button>

 <toast hidden="{{ toastHidden}}" duration="3000" bindchange="toastChange" >
     默認
     </toast>
//duration:定時調用 bindchange邦定的函數（該實例中的toastChange）

　　.wxjs

  data: {
    toastHidden:true
  },

　　

  // 按 鈕
  click:function(){
    this.setData({ toastHidden:false});
  },