注意：其中的圖標(biāo)达址，只支持”success”擂橘、”loading”雖然只有兩種圖標(biāo)，但是可以用到很多的場景寞埠，所有要說明成功失敗或者其他文字說明的都可以用這個(gè)”success”圖標(biāo)屁置，但是如果需要給用戶有等待的心態(tài)，就要用到"loading"這個(gè)圖標(biāo)了仁连。
下面是官方的示例代碼：
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000
})
下面示范大家如何使用這個(gè)API蓝角，先打開微信WEB開發(fā)者工具，新建快速項(xiàng)目饭冬，把首頁中沒用的內(nèi)容刪除掉帅容，保留如下圖所示。
再新增兩個(gè)按鈕伍伤，同時(shí)添加各自的點(diǎn)擊事件并徘。
再在按鈕上添加navigator導(dǎo)航，鏈接到默認(rèn)的日志頁面扰魂。
如下面的index頁面的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頁面的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>
通過上面的示范姐直，大家可以知道這個(gè)API的效果倦淀，及可以用到的場景，也便于大家在需要的時(shí)候直接調(diào)用官方的這個(gè)API大小比較好的效果声畏。
更多微信小程序教程請(qǐng)至51小程序官網(wǎng)查看：
http://html51.com/
歡迎您與51小程序共同成長撞叽，成為微信小程序定制開發(fā)專家。
