欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序四種彈窗方式實例

 更新時間：2023年06月12日 15:37:21   作者：噠不溜-w  
微信小程序彈窗是小程序在需要提示用戶的時候,顯示的一種交互形式,下面這篇文章主要給大家介紹了關(guān)于微信小程序四種彈窗方式的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

一、wx.showToast(Object object)

顯示消息提示框

  wx.showToast({
     title: '內(nèi)容', //提示的內(nèi)容
     duration: 2000, //持續(xù)的時間
     icon: 'loading', //圖標有success、error、loading、none四種
     mask: true //顯示透明蒙層 防止觸摸穿透
  })

示例：

二 、wx.showModal(Object object)

顯示模態(tài)對話框

  wx.showModal({
    title: '我是標題', //提示的標題
    content: '我是內(nèi)容', //提示的內(nèi)容
    success: function(res) {
      if(res.confirm) {
        console.log('用戶點擊了確定')
      } else if (res.cancel) {
        console.log('用戶點擊了取消')
      }
    }
  })

示例：

三、wx.showLoading(Object object)

顯示 loading 提示框。需主動調(diào)用 wx.hideLoading 才能關(guān)閉提示框

wx.showLoading({
  title: '加載中',
})

setTimeout(function () {
  wx.hideLoading()
}, 2000)

示例：

注意：

wx.showLoading 和 wx.showToast 同時只能顯示一個wx.showLoading 應(yīng)與 wx.hideLoading 配對使用

四、wx.showActionSheet(Object object)

顯示操作菜單

 wx.showActionSheet({
   itemList:['選項一','選項二','其它'], //文字數(shù)組
   success: (res) => {
     switch(res.tapIndex) {
       case 0:
         console.log('點擊了 選項一')
         break;
       case 1:
         console.log('點擊了 選項二')
         break;	
       case 2:
         console.log('點擊了 其它選項')
         break;
     }
   },
   fail (res) {
     console.log('取消選項')
   }
 })

示例：

五、官方文檔

具體參數(shù)可見官網(wǎng)：微信小程序彈窗

總結(jié)

到此這篇關(guān)于微信小程序四種彈窗方式的文章就介紹到這了,更多相關(guān)微信小程序彈窗方式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論