uniapp中如何实现自定义提示弹框功能？

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

目录

一、功能展示弹框

二、加载提示弹框

三、确认取消提示弹框

四、列表选择提示弹框

五、自定义图标提示弹框

总结

一、功能展示弹框

在执行增加、删除、修改、查询等操作成功后，弹出功能展示弹框。

目录

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

一、成功提示弹框

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

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

效果如下：

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

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

效果如下：

二、加载提示弹框

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