小程式彈框
阿新 • • 發佈:2018-12-11
1.wx.showActionSheet(https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowactionsheetobject)
wx.showActionSheet({ itemList: ['列1', '列2', '列3'],//顯示的列表項 success: function (res) {//res.tapIndex點選的列表項 console.log(res.tapIndex) }, fail: function (res) { }, complete: function (res) { } })
2.wx.showModal(https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowactionsheetobject)
wx.showModal({ title: '刪除', content: '確定要刪除?', showCancel: true,//是否顯示取消按鈕 cancelText: "否",//預設是“取消” cancelColor: 'pink',//取消文字的顏色 confirmText: "是",//預設是“確定” confirmColor: 'pink',//確定文字的顏色 success: function (res) { if (res.cancel) { //點選取消,預設隱藏彈框 } else { //點選確定 console.log("執行刪除操作") } }, fail: function (res) { }, complete: function (res) { }, })
3. wx.showToast(https://developers.weixin.qq.com/minigame/dev/api/ui/interaction/wx.showToast.html?search-key=wx.showToast)
wx.showToast({ title: '成功',//提示文字 duration: 2000,//顯示時長,最大10000毫秒 mask: true,//是否顯示透明蒙層,防止觸控穿透,預設:false icon: 'success', success: function (res) { console.log("--",res) },//介面呼叫成功 fail: function () { }, //介面呼叫失敗的回撥函式 complete: function () { } //介面呼叫結束的回撥函式 })
4. wx.showLoading(https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowactionsheetobject)
wx.showLoading({
title: '載入中...',
mask:true
})
wx.request({
url: '',
success:function(){
wx.hideLoading()
}
})