uni-app弹窗小程序弹窗

最新推荐文章于 2025-04-24 11:53:38 发布

张_淮

最新推荐文章于 2025-04-24 11:53:38 发布

阅读量1.4k

点赞数

分类专栏： uni-app弹窗使用小程序弹窗使用文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_43693823/article/details/120207729

版权

uni-app弹窗使用同时被 2 个专栏收录

1 篇文章

订阅专栏

小程序弹窗使用

1 篇文章

订阅专栏

本文介绍了小程序中常见的几种弹窗交互，包括带对号提示、无图标提示、加载提示以及模态对话框的使用方法。通过uni.showToast、uni.showLoading和uni.showModal等API，展示了如何创建和关闭提示，以及实现确认与取消操作。这些功能在前端开发中对于提供用户反馈和交互体验至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.带对号弹窗小程序把开头uni换成wx即可

uni.showToast({
	title: '标题',
	duration: 5000
});

2.无icon弹窗

uni.showToast({
	title: '标题',
	icon:'none',
	duration: 5000
});

3.加载弹窗

uni.showLoading({
    title: '加载中',
    duration: 5000
});

以上都可以去除时间使用uni.hideToast();关闭

uni.hideToast();

4.只有确认提示

wx.showModal({
	title: '提示',
	content: '只有确认!',
	showCancel: false,
	success: function(res) {
	console.log('用户点击了确认')
})

5.带取消确认交互弹窗

uni.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    success: function (res) {
        if (res.confirm) {
            console.log('用户点击确定');
        } else if (res.cancel) {
            console.log('用户点击取消');
        }
    }
});