微信小程序常用的3種提示彈窗實(shí)現(xiàn)詳解
更新時(shí)間：2019年09月19日 11:20:59 作者：袁藝明
這篇文章主要介紹了微信小程序常用的3種提示彈窗實(shí)現(xiàn)詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
1. 表示操作成功，文字上方會(huì)顯示一個(gè)表示操作成功的圖標(biāo)。
wx.showToast({
title: '操作成功！', // 標(biāo)題
icon: 'success', // 圖標(biāo)類型，默認(rèn)success
duration: 1500 // 提示窗停留時(shí)間，默認(rèn)1500ms
})
2.表示加載中，顯示為加載中圖標(biāo)。
wx.showToast({
title: '加載中...',
icon: 'loading',
duration: 1500
})
3.不顯示圖標(biāo)，一般用作提示。
wx.showToast({
title: '該功能未上線！',
icon: 'none',
duration: 1500
})
以上3種彈窗均使用wx.showToast接口，調(diào)用后會(huì)根據(jù)設(shè)定的duration停留一定時(shí)間。
此外，表示加載中的彈窗還可以使用wx.showLoading接口，但調(diào)用該接口時(shí)彈窗并不會(huì)自動(dòng)消失，而是需要手動(dòng)調(diào)用wx.hideLoading接口使彈窗消失。
// 開始加載數(shù)據(jù)
wx.showLoading({
title: '加載中',
})
// 數(shù)據(jù)加載中... // 數(shù)據(jù)加載中...
// 數(shù)據(jù)加載完成，隱藏彈窗
wx.hideLoading()
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Bootstrap提供了四種用于<img>類的樣式，在本文給大家詳細(xì)介紹，需要的朋友可以參考下2016-12-12
Javascript 拖拽的一些簡單的應(yīng)用(逐行分析代碼，讓你輕松了拖拽的原理)
這篇文章主要介紹了Javascript 拖拽的一些簡單的應(yīng)用(逐行分析代碼，讓你輕松了拖拽的原理),需要的朋友可以參考下2015-01-01
Bootstrap模態(tài)框插入視頻的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap模態(tài)框插入視頻的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-06-06
本文主要介紹了利用js定義一個(gè)導(dǎo)航條菜單的方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
JavaScript實(shí)現(xiàn)文本中間縮略的兩種方案
項(xiàng)目中經(jīng)常會(huì)遇到縮略展示文字的場景,即要求文字在一行不換行展示,超出自動(dòng)展示...,常用的展示效果有兩種,文字中間縮略以及文字末尾縮略,本文將通過代碼示例給大家詳細(xì)的講一下這兩種方案,需要的朋友可以參考下2024-06-06
laydate 顯示結(jié)束時(shí)間不小于開始時(shí)間的實(shí)例
下面小編就為大家?guī)硪黄猯aydate 顯示結(jié)束時(shí)間不小于開始時(shí)間的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
Bootstrap每天必學(xué)之進(jìn)度條，對Bootstrap進(jìn)度條小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap進(jìn)度條，從中得到收獲。2015-11-11
微信小程序開發(fā)自定義tabBar實(shí)戰(zhàn)案例(定制消息99+小紅心)
一定的需求情況下無法使用小程序原生的tabbar的時(shí)候,需要自行實(shí)現(xiàn)一個(gè)和tabbar功能一模一樣的自制組件,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)自定義tabBar(定制消息99+小紅心)的相關(guān)資料,需要的朋友可以參考下2022-12-12
Chrome插件開發(fā)系列一：彈窗終結(jié)者開發(fā)實(shí)戰(zhàn)
從這一節(jié)開始，我們將從零開始打造我們的chrome插件工具庫，第一節(jié)我們將講一下插件開發(fā)的基礎(chǔ)知識并構(gòu)建一個(gè)簡單但卻很實(shí)用的插件，在構(gòu)建之前，我們先簡單的了解一下插件以及插件開發(fā)的基礎(chǔ)知識2020-10-10
js實(shí)現(xiàn)連續(xù)英文字符自動(dòng)換行兼容ie6 ie7和firefox
英文字符自動(dòng)換行,通過js腳本截?cái)嘧址?此方法通用ie6,ie7,firefox，使用CSS控制強(qiáng)制換行實(shí)現(xiàn)不了的朋友可以嘗試下2013-09-09