在开发小程序时，我们经常需要与用户进行交互，比如询问是否删除数据、提交表单等场景。这时，一个简单的确认取消弹出框就显得尤为重要啦！下面给大家分享一个小技巧，让你的小程序交互更流畅～🌟
首先，在小程序的`utils.js`文件中定义一个通用的弹窗函数。通过调用`wx.showModal()`方法，我们可以轻松实现带有确认和取消按钮的功能。例如：
```javascript
function showConfirm(title, content, success) {
wx.showModal({
title: title,
content: content,
confirmColor: '4CAF50', // 确认按钮颜色
cancelColor: 'f44', // 取消按钮颜色
success(res) {
if (res.confirm) {
success();
}
},
});
}
```
接着，在页面逻辑中直接调用该函数即可。比如用户点击删除按钮时，弹出确认框：
```javascript
showConfirm('温馨提示', '确定要删除吗？', () => {
console.log('已确认删除');
});
```
这样不仅代码简洁，还提升了用户体验哦～🎉 小伙伴们快去试试吧！💬💬
免责声明：本文由用户上传，如有侵权请联系删除！
