uniapp里有哪些常见的提示弹框类型?
- 内容介绍
- 文章标签
- 相关推荐
本文共计889个文字,预计阅读时间需要4分钟。
目录
一、功能展示弹框
二、加载提示弹框
三、确认取消提示弹框
四、列表选择提示弹框
五、自定义图标提示弹框
总结一、功能展示弹框
在执行增删改查等操作后,成功完成时会弹出提示弹框,告知用户操作结果。例如:uni.sh目录
- 一、成功提示弹框
- 二、加载提示弹框
- 三、确认取消提示框
- 四、列表选择提示弹框
- 五、自定义图标
- 总结
一、成功提示弹框
在执行增、删、改、查等提交成功后弹出提示。
uni.showToast({ title: '成功提示', //将值设置为 success 或者直接不用写icon这个参数 icon: 'success', //显示持续时间为 2秒 duration: 2000 })
效果如下:
若icon参数值设置为none,将不显示“√”图标,只显示文字提示。
uni.showToast({ title: '成功提示', icon: 'none', duration: 2000 })
效果如下:
二、加载提示弹框
在执行数据查询、页面数据渲染等过程中弹出提示。
本文共计889个文字,预计阅读时间需要4分钟。
目录
一、功能展示弹框
二、加载提示弹框
三、确认取消提示弹框
四、列表选择提示弹框
五、自定义图标提示弹框
总结一、功能展示弹框
在执行增删改查等操作后,成功完成时会弹出提示弹框,告知用户操作结果。例如:uni.sh目录
- 一、成功提示弹框
- 二、加载提示弹框
- 三、确认取消提示框
- 四、列表选择提示弹框
- 五、自定义图标
- 总结
一、成功提示弹框
在执行增、删、改、查等提交成功后弹出提示。
uni.showToast({ title: '成功提示', //将值设置为 success 或者直接不用写icon这个参数 icon: 'success', //显示持续时间为 2秒 duration: 2000 })
效果如下:
若icon参数值设置为none,将不显示“√”图标,只显示文字提示。
uni.showToast({ title: '成功提示', icon: 'none', duration: 2000 })
效果如下:
二、加载提示弹框
在执行数据查询、页面数据渲染等过程中弹出提示。

