微信小程式的幾種彈出提示框

2021-10-04 23:01:48 字數 774 閱讀 1745

1.wx.showtoast 訊息提示框

//icon:success 成功圖示,loading 載入圖示 (7個漢字長度),none不顯示(兩行文字)

//image:設定自定義圖示,優先順序高於icon

//mask:顯示蒙層

wx.showtoast()

//隱藏訊息提示框

wx.hidetoast

()

2.wx.showmodal 模態對話方塊

//showcancel:是否顯示取消按鈕

//canceltext,cancelcolor,confirmtext,confirmcolor可設定

wx.showmodal

(else

if(res.cancel)}}

)

3.wx.showloading loading 提示框

//需呼叫 wx.hideloading 才能關閉提示框

wx.showloading()

settimeout

(function()

,2000

)//隱藏 loading 提示框

wx.hideloading

()

4.wx.showactionsheet 顯示操作選單

wx.

showactionsheet(,

fail

(res)

}

微信小程式 loading提示框

loading 提示框 效果 loading和toast和像,只不過 toast 是設定結束時間,時間到了去觸發bindchange事件,進行隱藏。但是 loading 是沒有辦法設定事件讓其隱藏的,需要手動進行設定。loading hidden 預設 loading 例如 設定定時器模擬,進行隱藏...

微信小程式 toast訊息提示框

效果 預設btnclick function 具體引數 title 提示的內容。icon 圖示,只支援 success loading duration 提示的延遲時間,單位毫秒。success 介面呼叫成功的 函式 fail 介面呼叫失敗的 函式。complete 主要呼叫介面的 函式。效果 預設...

小程式 提示框

提示框就比較簡單了!ue 提示框 13 生命週期函式 監聽頁面載入 14 15 onload function options 2122 第一次進入的適合判斷是否存在本地儲存以及是否收藏 23var newscollect wx.getstoragesync newscollect 24 如果new...