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

微信小程序四種彈窗方式實(shí)例

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

一、wx.showToast(Object object)

顯示消息提示框

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

示例：

二 、wx.showModal(Object object)

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

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

示例：

三、wx.showLoading(Object object)

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

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

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

示例：

注意：

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

四、wx.showActionSheet(Object object)

顯示操作菜單

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

示例：

五、官方文檔

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

總結(jié)

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

相關(guān)文章

最新評(píng)論