uniapp里有哪些常见的提示弹框类型?

更新于
2026-09-23 12:09:42
0阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计889个文字,预计阅读时间需要4分钟。

uniapp里有哪些常见的提示弹框类型?

目录

一、功能展示弹框

二、加载提示弹框

三、确认取消提示弹框

四、列表选择提示弹框

五、自定义图标提示弹框

总结

一、功能展示弹框

在执行增删改查等操作后,成功完成时会弹出提示弹框,告知用户操作结果。例如:uni.sh

目录
  • 一、成功提示弹框
  • 二、加载提示弹框
  • 三、确认取消提示框
  • 四、列表选择提示弹框
  • 五、自定义图标
  • 总结

一、成功提示弹框

在执行增、删、改、查等提交成功后弹出提示。

uni.showToast({ title: '成功提示', //将值设置为 success 或者直接不用写icon这个参数 icon: 'success', //显示持续时间为 2秒 duration: 2000 })

效果如下:

若icon参数值设置为none,将不显示“√”图标,只显示文字提示。

uni.showToast({ title: '成功提示', icon: 'none', duration: 2000 })

效果如下:

二、加载提示弹框

在执行数据查询、页面数据渲染等过程中弹出提示。

阅读全文

本文共计889个文字,预计阅读时间需要4分钟。

uniapp里有哪些常见的提示弹框类型?

目录

一、功能展示弹框

二、加载提示弹框

三、确认取消提示弹框

四、列表选择提示弹框

五、自定义图标提示弹框

总结

一、功能展示弹框

在执行增删改查等操作后,成功完成时会弹出提示弹框,告知用户操作结果。例如:uni.sh

目录
  • 一、成功提示弹框
  • 二、加载提示弹框
  • 三、确认取消提示框
  • 四、列表选择提示弹框
  • 五、自定义图标
  • 总结

一、成功提示弹框

在执行增、删、改、查等提交成功后弹出提示。

uni.showToast({ title: '成功提示', //将值设置为 success 或者直接不用写icon这个参数 icon: 'success', //显示持续时间为 2秒 duration: 2000 })

效果如下:

若icon参数值设置为none,将不显示“√”图标,只显示文字提示。

uni.showToast({ title: '成功提示', icon: 'none', duration: 2000 })

效果如下:

二、加载提示弹框

在执行数据查询、页面数据渲染等过程中弹出提示。

阅读全文