Uniapp:消息提示框

目录


一、出现场景

在项目的开发中,井场会出现新增、修改、删除一些数据,这些接口有时会成功,也有特殊情况会失败,返回的结果需要用户能够看到,当出现错误信息时便于联系开发者。

二、效果展示

三、具体使用

js 复制代码
uni.showToast({ 
	icon: 'success', 
	title: '删除成功', 
	duration: 2000
});
属性 类型 必填 说明
title String 是 提示的内容,长度与 icon 取值有关
icon String 否 图标,有效值详见下方说明
duration Number 否 提示的延迟时间,单位毫秒,默认:1500

icon有效值

值 说明 差异
success 成功,小程序支持7个汉字,App仅支持单行显示 支付宝小程序无长度无限制
error 失败,小程序支持7个汉字,App仅支持单行显示 支付宝小程序、快手小程序、抖音小程序、百度小程序、京东小程序、QQ小程序不支持
fail 失败,无长度显示 支付宝小程序、抖音小程序
exception 异常,无长度显示 支付宝小程序
loading 等待,小程序支持7个汉字 支付宝小程序不支持
none 无图标,小程序最多显示两行
相关推荐
雪芽蓝域zzs3 分钟前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
普通人61 小时前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
PedroQue992 天前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
PedroQue992 天前
v0.2.0 架构升级:class + reactive 重塑状态管理
前端·uni-app
CHB4 天前
别再问uni-app x蒸汽模式是否成熟了,已经有大量App案例上架应用商店了
uni-app
anyup6 天前
uView Pro X 1.0.0 发布:全面支持 uni-app x 蒸汽模式,80+ 组件
前端·uni-app·ai编程
zhongben123_6 天前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app
天蒙蒙亮7 天前
打安卓apk包+“应用商城”发布
前端·uni-app
ModyQyW7 天前
vite-plugin-uni-pages 0.6:统一扫描规则,开发期少重启
前端·uni-app
Software攻城狮7 天前
【uniapp和普通web 端开发的区别】
前端·uni-app·notepad++