wx.showToast API是顯示消息提示框的作用。
先讓我們看一下官方的文檔說明：
注意：其中的圖標(biāo)，只支持”success”、”loading”
示例代碼：
wx.showToast({ title: '成功', icon: 'success', duration: 2000})接下來演示如何使用，先打開微信web開發(fā)者工具，新建快速項目，刪除掉首頁沒用的內(nèi)容，保留如下部分。
添加兩個按鈕，同事添加點擊事件。再在按鈕上添加navigator導(dǎo)航，鏈接到默認(rèn)的日志頁面。代碼如下：
<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 }) },為了測試效果直觀一些，我們在兩個按鈕中插入一塊view標(biāo)簽，讓兩個按鈕上下之間有間距。wxml代碼如下：
<view class="br"> </view>
wxss文件代碼如下：
.br{ width: 100%; height: 200rpx;}最終的頁面樣式如下：
點擊登陸的效果圖：
點擊查看更多的效果圖：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
