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});
  },

　　

 

转载于:https://www.cnblogs.com/Seven-Die/p/7653003.html