注意：其中的圖標(biāo)，只支持”success”、”loading”雖然只有兩種圖標(biāo)，但是可以用到很多的場(chǎng)景，所有要說(shuō)明成功失敗或者其他文字說(shuō)明的都可以用這個(gè)”success”圖標(biāo)，但是如果需要給用戶有等待的心態(tài)，就要用到"loading"這個(gè)圖標(biāo)了。
下面是官方的示例代碼：

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

下面示范大家如何使用這個(gè)API，先打開(kāi)微信WEB開(kāi)發(fā)者工具，新建快速項(xiàng)目，把首頁(yè)中沒(méi)用的內(nèi)容刪除掉，保留如下圖所示。

再新增兩個(gè)按鈕，同時(shí)添加各自的點(diǎn)擊事件。
再在按鈕上添加navigator導(dǎo)航，鏈接到默認(rèn)的日志頁(yè)面。
如下面的index頁(yè)面的WXML代碼所示：

<navigator url="../logs/logs">
  <button type="primary" bindtap="logbtn"> 登陸 </button>
</navigator>
<view class="br">
 
</view>
<navigator url="../logs/logs">
  <button type="primary" bindtap="morebtn"> 查看更多 </button>
</navigator>

index頁(yè)面的js代碼如下：

logbtn: function () {
  wx.showToast({
    title: '登陸成功',
    icon: 'success',
    duration: 1200
  })
},
morebtn: function () {
  wx.showToast({
    title: '加載中',
    icon: 'loading',
    duration: 1200
  })
},

兩個(gè)按鈕靠的太近，我們?cè)谥虚g插入一個(gè)View標(biāo)簽，讓按鈕間多些間距，如下面的代碼所示：

<view class="br">
 
</view>

通過(guò)上面的示范，大家可以知道這個(gè)API的效果，及可以用到的場(chǎng)景，也便于大家在需要的時(shí)候直接調(diào)用官方的這個(gè)API大小比較好的效果。

更多微信小程序教程請(qǐng)至51小程序官網(wǎng)查看：
http://html51.com/
歡迎您與51小程序共同成長(zhǎng)，成為微信小程序定制開(kāi)發(fā)專(zhuān)家。