【微信小程序】显示自带的弹窗,包括加载中,成功,错误,提示,警告

在微信小程序中,可以使用以下方法来显示自带的弹窗:

  1. 显示加载中的弹窗:
javascript 复制代码
wx.showLoading({
  title: '加载中',
  mask: true
});
  1. 显示成功的弹窗:
javascript 复制代码
wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
});
  1. 显示错误的弹窗:
javascript 复制代码
wx.showToast({
  title: '错误',
  icon: 'none',
  duration: 2000
});
  1. 显示提示的弹窗:
javascript 复制代码
wx.showToast({
  title: '提示',
  icon: 'none',
  duration: 2000
});
  1. 显示警告的弹窗:
javascript 复制代码
wx.showToast({
  title: '警告',
  image: '/path/to/warning.png',
  duration: 2000
});

在上述示例中,wx.showLoading()方法用于显示加载中的弹窗,wx.showToast()方法用于显示成功、错误、提示和警告的弹窗。这些方法接受不同的参数来定制弹窗的样式和行为。你可以根据自己的需求选择适当的方法,并设置相应的参数。

相关推荐
计算机毕业设计小帅34 分钟前
【2026计算机毕业设计】基于Springboot的校园失物招领小程序
spring boot·小程序·课程设计
盛夏绽放3 小时前
关于 uni-app 与原生微信小程序中的生命周期 —— 一次“生命旅程”的解读
微信小程序·小程序·uni-app
流水线上的指令侠4 小时前
使用C#写微信小程序后端——电商微信小程序
微信小程序·小程序·c#·visual studio
知识分享小能手4 小时前
uni-app 入门学习教程,从入门到精通,uni-app 基础知识详解 (2)
前端·javascript·windows·学习·微信小程序·小程序·uni-app
2501_916008895 小时前
iOS 发布全流程详解,从开发到上架的流程与跨平台使用 开心上架 发布实战
android·macos·ios·小程序·uni-app·cocoa·iphone
小岛前端7 小时前
🔥Vue3 移动端组件精选!满足各种场景!
前端·vue.js·微信小程序
cesske8 小时前
uniapp 编译支付宝小程序canvas 合成图片实例,支付宝小程序 canvas 渲染图片 可以换成自己的图片即可
小程序·uni-app·apache
從南走到北10 小时前
JAVA代泊车接机送机服务代客泊车系统源码支持小程序+APP+H5
java·开发语言·微信小程序·小程序
木易 士心16 小时前
组织架构树形选择组件使用说明(Vue3 + UniApp)
微信小程序·钉钉·notepad++
软件技术员17 小时前
微信小程序电子测宅堪墓风水罗盘
微信小程序·小程序