uni-app學習筆記二十四--showLoading和showModal的用法

showLoading(OBJECT)

顯示 loading 提示框, 需主動調用?uni.hideLoading?才能關閉提示框。

OBJECT參數說明

參數類型必填說明平臺差異說明
titleString提示的文字內容,顯示在loading的下方
maskBoolean是否顯示透明蒙層,防止觸摸穿透,默認:falseH5、App、微信小程序、百度小程序、抖音小程序(2.47.0+)
successFunction接口調用成功的回調函數
failFunction接口調用失敗的回調函數
completeFunction接口調用結束的回調函數(調用成功、失敗都會執行)

示例代碼:

<script setup>uni.showLoading({title:"加載中...",mask:true})setTimeout(()=>{uni.hideLoading()},2000)
</script>

?

showModal(OBJECT)

顯示模態彈窗,可以只有一個確定按鈕,也可以同時有確定和取消按鈕。類似于一個API整合了 html 中:alert、confirm。

OBJECT參數說明

參數類型必填說明平臺差異說明
titleString提示的標題
contentString提示的內容
showCancelBoolean是否顯示取消按鈕,默認為 true
cancelTextString取消按鈕的文字,默認為"取消"
cancelColorHexColor取消按鈕的文字顏色,默認為"#000000"H5、微信小程序、百度小程序、抖音小程序(2.62.0+)、支付寶小程序
confirmTextString確定按鈕的文字,默認為"確定"
confirmColorHexColor確定按鈕的文字顏色,H5平臺默認為"#007aff",微信小程序平臺默認為"#576B95",百度小程序平臺默認為"#3c76ff"H5、微信小程序、百度小程序、抖音小程序(2.62.0+)、支付寶小程序
editableBoolean是否顯示輸入框H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序(2.62.0+)
placeholderTextString顯示輸入框時的提示文本H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序(2.62.0+)
successFunction接口調用成功的回調函數
failFunction接口調用失敗的回調函數
completeFunction接口調用結束的回調函數(調用成功、失敗都會執行)

?示例代碼1:

<script setup>function remove(){uni.showModal({title:"刪除",//content:"是否確認刪除,刪除后數據無法恢復",editable:true,placeholderText:"請輸入:確定回Y,取消回N",success:res=>{console.log(res)// if(res.confirm) uni.showToast({// 	title:"刪除成功"// })}})}
</script>

運行效果:

獲取用戶輸入的內容,通過content字段獲取:

示例代碼2:條件分支

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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/908872.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/908872.shtml
英文地址,請注明出處:http://en.pswp.cn/news/908872.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【大模型RAG】六大 LangChain 支持向量庫詳細對比

摘要 向量數據庫已經成為檢索增強生成&#xff08;RAG&#xff09;、推薦系統和多模態檢索的核心基礎設施。本文從 Chroma、Elasticsearch、Milvus、Redis、FAISS、Pinecone 六款 LangChain 官方支持的 VectorStore 出發&#xff0c;梳理它們的特性、典型應用場景與性能邊界&a…

【MySQL】數據庫三大范式

目錄 一. 什么是范式 二. 第一范式 三. 第二范式 不滿足第二范式時可能出現的問題 四. 第三范式 一. 什么是范式 在數據庫中范式其實就是一組規則&#xff0c;在我們設計數據庫的時候&#xff0c;需要遵守不同的規則要求&#xff0c;設計出合理的關系型數據庫&#xff0c;…

Coze工作流-語音故事創作-文本轉語音的應用

教程簡介 本教程將帶著大家去了解怎么樣把文本轉換成語音&#xff0c;例如說我們要做一些有聲故事&#xff0c;我們可能會用上一些語音的技術&#xff0c;來把你創作的故事朗讀出來 首先我們創建一個工作流 對各個模塊進行編輯&#xff0c;如果覺得系統提示詞寫的不好&#xf…

5.子網劃分及分片相關計算

某公司網絡使用 IP 地址空間 192.168.2.0/24&#xff0c;現需將其均分給 市場部 和 研發部 兩個子網。已知&#xff1a; &#x1f3e2; 市場部子網 &#x1f5a5;? 已分配 IP 地址范圍&#xff1a;192.168.2.1 ~ 192.168.2.30&#x1f310; 路由器接口 IP&#xff1a;192.16…

三體問題詳解

從物理學角度&#xff0c;三體問題之所以不穩定&#xff0c;是因為三個天體在萬有引力作用下相互作用&#xff0c;形成一個非線性耦合系統。我們可以從牛頓經典力學出發&#xff0c;列出具體的運動方程&#xff0c;并說明為何這個系統本質上是混沌的&#xff0c;無法得到一般解…

機器學習算法時間復雜度解析:為什么它如此重要?

時間復雜度的重要性 雖然scikit-learn等庫讓機器學習算法的實現變得異常簡單&#xff08;通常只需2-3行代碼&#xff09;&#xff0c;但這種便利性往往導致使用者忽視兩個關鍵方面&#xff1a; 算法核心原理的理解缺失 忽視算法的數據適用條件 典型算法的時間復雜度陷阱 SV…

uniapp 對接騰訊云IM群組成員管理(增刪改查)

UniApp 實戰&#xff1a;騰訊云IM群組成員管理&#xff08;增刪改查&#xff09; 一、前言 在社交類App開發中&#xff0c;群組成員管理是核心功能之一。本文將基于UniApp框架&#xff0c;結合騰訊云IM SDK&#xff0c;詳細講解如何實現群組成員的增刪改查全流程。 權限校驗…

OPENCV圖形計算面積、弧長API講解(1)

一.OPENCV圖形面積、弧長計算的API介紹 之前我們已經把圖形輪廓的檢測、畫框等功能講解了一遍。那今天我們主要結合輪廓檢測的API去計算圖形的面積&#xff0c;這些面積可以是矩形、圓形等等。圖形面積計算和弧長計算常用于車輛識別、橋梁識別等重要功能&#xff0c;常用的API…

一.設計模式的基本概念

一.核心概念 對軟件設計中重復出現問題的成熟解決方案&#xff0c;提供代碼可重用性、可維護性和擴展性保障。核心原則包括: 1.1. 單一職責原則? ?定義?&#xff1a;一個類只承擔一個職責&#xff0c;避免因職責過多導致的代碼耦合。 1.2. 開閉原則? ?定義?&#xf…

React第五十七節 Router中RouterProvider使用詳解及注意事項

前言 在 React Router v6.4 中&#xff0c;RouterProvider 是一個核心組件&#xff0c;用于提供基于數據路由&#xff08;data routers&#xff09;的新型路由方案。 它替代了傳統的 <BrowserRouter>&#xff0c;支持更強大的數據加載和操作功能&#xff08;如 loader 和…

Opencv中的addweighted函數

一.addweighted函數作用 addweighted&#xff08;&#xff09;是OpenCV庫中用于圖像處理的函數&#xff0c;主要功能是將兩個輸入圖像&#xff08;尺寸和類型相同&#xff09;按照指定的權重進行加權疊加&#xff08;圖像融合&#xff09;&#xff0c;并添加一個標量值&#x…

C++ 基礎特性深度解析

目錄 引言 一、命名空間&#xff08;namespace&#xff09; C 中的命名空間? 與 C 語言的對比? 二、缺省參數? C 中的缺省參數? 與 C 語言的對比? 三、引用&#xff08;reference&#xff09;? C 中的引用? 與 C 語言的對比? 四、inline&#xff08;內聯函數…

關于面試找工作的總結(四)

不同情況下收到offer后的處理方法 1.不會去的,只是面試練手2.還有疑問,考慮中3.offer/職位不滿足期望的4.已確認,但又收到更好的5.還想挽回之前的offer6.確認,準備入職7.還想拖一下的1.不會去的,只是面試練手 HR您好,非常榮幸收到貴司的offer,非常感謝一直以來您的幫助,…

什么是高考?高考的意義是啥?

能見到這個文章的群體&#xff0c;應該都經歷過高考&#xff0c;突然想起“什么是高考&#xff1f;意義何在&#xff1f;” 一、高考的定義與核心功能 **高考&#xff08;普通高等學校招生全國統一考試&#xff09;**是中國教育體系的核心選拔性考試&#xff0c;旨在為高校選拔…

L1和L2核心區別 !!--part 2

哈嘍&#xff0c;我是 我不是小upper~ 昨天&#xff0c;咱們分享了關于 L1 正則化和 L2 正則化核心區別的精彩內容。今天我來進一步補充和拓展。 首先&#xff0c;咱們先來聊聊 L1 和 L2 正則化&#xff0c;方便剛接觸的同學理解。 L1 正則化&#xff08;Lasso&#xff09;&…

字節推出統一多模態模型 BAGEL,GPT-4o 級的圖像生成能力直接開源了!

字節推出的 BAGEL 是一個開源的統一多模態模型&#xff0c;他們直接開源了GPT-4o級別的圖像生成能力。&#xff08;輕松拿捏“萬物皆可吉卜力”玩法~&#xff09;。可以在任何地方對其進行微調、提煉和部署&#xff0c;它以開放的形式提供與 GPT-4o 和 Gemini 2.0 等專有系統相…

互聯網大廠Java面試:從Spring Cloud到Kafka的技術考察

場景&#xff1a;互聯網大廠Java求職者面試 面試官與謝飛機的對話 面試官&#xff1a;我們先從基礎開始&#xff0c;謝飛機&#xff0c;你能簡單介紹一下Java SE和Java EE的區別嗎&#xff1f; 謝飛機&#xff1a;哦&#xff0c;這個簡單。Java SE是標準版&#xff0c;適合桌…

18-Oracle 23ai JSON二元性顛覆傳統

在當今百花齊放的多模型數據庫時代&#xff0c;開發人員常在關系型與文檔型數據庫間艱難取舍。Oracle Database 23ai推出的JSON關系二元性&#xff08;JSON Relational Duality&#xff09;?? 和二元性視圖&#xff08;Duality Views&#xff09;?? 創新性地統一了兩者優勢…

藍橋杯 冶煉金屬

原題目鏈接 &#x1f527; 冶煉金屬轉換率推測題解 &#x1f4dc; 原題描述 小藍有一個神奇的爐子用于將普通金屬 O O O 冶煉成為一種特殊金屬 X X X。這個爐子有一個屬性叫轉換率 V V V&#xff0c;是一個正整數&#xff0c;表示每 V V V 個普通金屬 O O O 可以冶煉出 …

DreamO字節開源圖像編輯框架

DreamO是由字節跳動聯合北京大學深圳研究生院電子與計算機工程學院共同研發的統一圖像定制生成框架&#xff0c;支持多樣化的編輯任務。 看下介紹的核心功能&#xff0c;還是很厲害的&#xff0c;今天咱們來體驗下。 有正常本地部署版的。 https://github.com/bytedance/Drea…