WeChat-Applet-Komponente: Interpretation und Analyse des Eingabeaufforderungsfelds für die Toastanzeige-Mini-Programmentwicklung-php.cn

WeChat-Applet-Komponente: Interpretation und Analyse des Eingabeaufforderungsfelds für die Toastanzeige

高洛峰

Freigeben： 2017-03-31 13:19:28

Original

3560 Leute haben es durchsucht

Toast zeigt die Komponentenbeschreibung der Meldungsaufforderungsbox an:

Toast ist eine Aufforderungsmeldung, die angezeigt wird, wenn der Benutzer auf bestimmte Komponenten klickt. Toast hilft Ihnen beim Erstellen und Anzeigen dieser Nachrichten. Toast ist ein einfaches Nachrichtenfeld. Wenn die Ansicht dem Benutzer angezeigt wird, erscheint sie als Float in der Anwendung. Das Miniprogramm wird die Toast-Komponente bald aufgeben, daher wird die Toast-API hier vorgestellt: wx.showToast

Der Beispielcode der Komponente „Toast Display Message Prompt Box“ lautet wie folgt:

WeChat-Applet-Komponente: Interpretation und Analyse des Eingabeaufforderungsfelds für die Toastanzeige

Das Folgende ist der WXML-Code:

<!--index.下面是WXML代码：-->
<view class="content">
  <text class="showfunc">Toast功能</text>
  <view class="con-button">
    <button class="button-left" bindtap="showToast">展示Toast</button>
    <button class="button-right" bindtap="hideToast">隐藏Toast</button>
  </view>
</view>

Nach dem Login kopieren

Das Folgende ist der JS-Code:

Page({
  showToast:function(){
    var that=this;
    wx.showToast({
      title: &#39;成功&#39;,
      icon: &#39;success&#39;,
      duration: 2000,
      success: that.flySuccess,
      fail:that.flyFail,
      complete:that.flyComplete
    })
  },
  hideToast:function(){
    var that=this;
    wx.showToast({
      title: &#39;加载中&#39;,
      icon: &#39;loading&#39;,
      duration: 10000,
      success: that.loadingSuccess,
      fail:that.loadingFail,
      complete:that.loadingComplete
    });
    setTimeout(function(){
      wx.hideToast()
    },2000)
  },

Nach dem Login kopieren

Das Folgende ist der WXSS-Code:

/**index.下面是WXSS代码：**/
.con-button{
  display: flex;
  flex-direction: row;
  padding-top: 10%;
}
.showfunc{
  padding-top:10%;
  display: block;
  text-align: center;
  color: green;
}

Nach dem Login kopieren

WeChat-Applet-Komponente: Interpretation und Analyse des Eingabeaufforderungsfelds für die Toastanzeige

Das obige ist der detaillierte Inhalt vonWeChat-Applet-Komponente: Interpretation und Analyse des Eingabeaufforderungsfelds für die Toastanzeige. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!