国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序彈窗提示:wx.showToast、wx.showModal、wx.showLoading的使用場景與實現(xiàn)

這篇具有很好參考價值的文章主要介紹了微信小程序彈窗提示:wx.showToast、wx.showModal、wx.showLoading的使用場景與實現(xiàn)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1、wx.showToast

使用場景:常規(guī)的提示,沒有確定和取消按鈕。

例:

微信小程序彈窗提示:wx.showToast、wx.showModal、wx.showLoading的使用場景與實現(xiàn)

屬性:

title:提示的內(nèi)容

icon:顯示的圖標,合法值有success、error、loading、none

image:自定義圖標的本地路徑,優(yōu)先級高于icon

duration:提示的延遲時間

mask:是否顯示透明蒙層,防止觸摸穿透

success:API調(diào)用成功后的回調(diào)函數(shù)

fail:API調(diào)用失敗后的回調(diào)函數(shù)

complete:API調(diào)用結(jié)束的回調(diào)函數(shù)(無論成功與否都會執(zhí)行)

實現(xiàn):

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

2、wx.showModal

使用場景:一般為公告或(用戶的不合理行為)提供提示,帶有確定和取消按鈕。

例:

微信小程序彈窗提示:wx.showToast、wx.showModal、wx.showLoading的使用場景與實現(xiàn)

屬性:

title:提示的標題

content:提示的內(nèi)容

showCancel:是否顯示取消按鈕

cancelText:取消按鈕的文字,最多4個字符

cancelColor:取消按鈕的文字顏色,必須是16進制格式的顏色字符串

confirmText:確認按鈕的文字,最多4個字符

confirmColor:確認按鈕的文字顏色,必須是16進制格式的顏色字符串

editable:是否顯示輸入框

placeholderText:顯示輸入框時的提示文本

success:接口調(diào)用成功的回調(diào)函數(shù)

fail:接口調(diào)用失敗的回調(diào)函數(shù)

complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)

示例:

wx.showModal({
  title: '提示',
  content: '這是一個模態(tài)彈窗',
  success (res) {
    if (res.confirm) {
      console.log('用戶點擊確定')
    } else if (res.cancel) {
      console.log('用戶點擊取消')
    }
  }
})

3、wx.showLoading

使用場景:用戶等待時的提示

例:

微信小程序彈窗提示:wx.showToast、wx.showModal、wx.showLoading的使用場景與實現(xiàn)

屬性:

title:提示的內(nèi)容

mask:是否顯示透明蒙層,防止觸摸穿透

success:接口調(diào)用成功的回調(diào)函數(shù)

fail:接口調(diào)用失敗的回調(diào)函數(shù)

complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)

示例:

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

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

?文章來源地址http://www.zghlxwxcb.cn/news/detail-484433.html

到了這里,關(guān)于微信小程序彈窗提示:wx.showToast、wx.showModal、wx.showLoading的使用場景與實現(xiàn)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 微信小程序wx.showModal中content換行

    微信小程序wx.showModal中content換行

    content是modal提示框中的提示文字,今天在開發(fā)中遇到將提示文字換行的操作具體如下圖 查資料可知通過? \\\'rn\\\'? 可以實現(xiàn)換行操作,但在開發(fā)工具中不換行,可能是BUG ? ?

    2024年02月13日
    瀏覽(33)
  • 微信小程序wx.showModal模態(tài)對話框中content換行

    微信小程序wx.showModal模態(tài)對話框中content換行

    解決方案:使用“rn”換行 注意:微信開發(fā)者工具上并不會換行只是會有空格,但是實際運行手機上是有換行效果的!? 這是微信開發(fā)者工具的效果: 這是手機上顯示的效果: ????? ???.join(\\\'\\\') 將數(shù)組用\\\"\\\"連接成為一個字符串 ????????.slice(0, -4) 截取掉數(shù)組最后一項的

    2024年02月03日
    瀏覽(24)
  • 微信小程序開發(fā)系列(二十九)·界面交互API·loading 提示框、showModal模態(tài)對話框、showToast消息提示框

    微信小程序開發(fā)系列(二十九)·界面交互API·loading 提示框、showModal模態(tài)對話框、showToast消息提示框

    目錄 1.? loading 提示框 1. 1? wx.showLoading()顯示loading提示框 1.2??wx.hideLoading()關(guān)閉 loading 提示框 2.? showModal 模態(tài)對話框 3.??showToast 消息提示框 ????????小程序提供了一些用于界面交互的 API,例如:loading 提示框、消息提示框、模態(tài)對話框等 API。 loading 提示框常配合網(wǎng)絡(luò)請

    2024年03月25日
    瀏覽(21)
  • 微信小程序toast組件(解決wx.showToast文本最多顯示兩行問題)

    微信小程序toast組件(解決wx.showToast文本最多顯示兩行問題)

    創(chuàng)建toast組件 ?index.wxmi index.less index.json index.ts toast.js 使用 index.json index.wxml ?index.ts ?效果

    2024年02月12日
    瀏覽(37)
  • 微信小程序:實現(xiàn)提示窗確定,取消執(zhí)行不同操作(消息提示確認取消)showModal
  • 【微信小程序】wx.requestSubscribeMessage無法喚起小程序訂閱彈窗

    報錯信息: requestSubscribeMessage:fail can only be invoked by user TAP gesture. 報錯原因:在某個場景的方法里面調(diào)用而不是直接通過用戶點擊 解決方法:一般可做成顯示一個彈框友好的提示用戶,然后再讓用戶點擊按鈕去手動觸發(fā)訂閱

    2024年02月12日
    瀏覽(30)
  • 微信小程序wx.getLocation 真機調(diào)試不出現(xiàn)隱私彈窗

    微信小程序wx.getLocation 真機調(diào)試不出現(xiàn)隱私彈窗

    ????????在小程序的開發(fā)過程中,首頁中包含要獲取用戶地理位置的功能,所以在這里的onLoad()中調(diào)用了wx.getLocation(),模擬調(diào)試時一切正常,但到了真機環(huán)境中就隱私框就不再彈出,并且出現(xiàn)了報錯,在打印之后發(fā)現(xiàn)getLocation的成功和失敗均沒有進行 ???????? (設(shè)置

    2024年04月16日
    瀏覽(29)
  • 微信小程序的彈窗提示

    微信小程序的彈窗提示

    ?第一種:彈出提示框,用戶可以選擇確定或者取消,且都帶有回調(diào)。 ?第二種直接彈出成功的 用戶無法選擇確定與取消 ? 第三種:等待中... ? 第四種:無任何圖標僅僅只是展示 ? ?第五種:彈窗提示選項

    2024年02月11日
    瀏覽(22)
  • 微信小程序-全局倒計時+全局彈窗提示

    微信小程序-全局倒計時+全局彈窗提示

    1、在計時頁面中點擊【開始】按鈕開始倒計時,當退出該頁面時計時仍然繼續(xù) 2、計時結(jié)束后,彈出提示(無論當前處于哪個頁面) 一、全局定義 1、app.json:加上下面這個 2、app.wxss:需要導(dǎo)入dialog.wxss,否則自定義的彈窗樣式失效 3、app.js:實現(xiàn)倒計時+設(shè)置變量監(jiān)聽器 二、

    2024年02月10日
    瀏覽(24)
  • 微信小程序幾種常用彈窗提示方法

    微信小程序幾種常用彈窗提示方法

    1.提示文字 可以設(shè)置顯示時間(僅提示時使用)duration設(shè)置時間 不顯示icon,此時 title文字最多可顯示兩行 也可以顯示icon,顯示icon文字最多顯示 7 個漢字長度 icon常用的有:success、error、loading 示例圖片 2.模態(tài)對話框 ?可以確認和關(guān)閉 如圖 ? 3.loading 提示框 顯示 loading 提示框

    2024年02月11日
    瀏覽(23)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包