uniapp 警告提示

uniapp 警告提示的实现方法

在 uniapp 中，可以通过以下方式实现警告提示：

使用 uni.showToast 方法
该方法可用于显示轻量级的提示信息，适用于操作成功、失败或警告等场景。示例代码如下：

uni.showToast({
    title: '警告提示内容',
    icon: 'none',
    duration: 2000
});

icon 设置为 'none' 表示不显示图标，仅显示文字提示。duration 控制提示显示的时长（毫秒）。

自定义样式和位置
可以通过 position 参数调整提示位置（'top'、'center'、'bottom'），同时结合 CSS 修改样式：

uni.showToast({
    title: '自定义警告提示',
    icon: 'none',
    position: 'top',
    duration: 3000,
    success: () => {
        console.log('提示显示完成');
    }
});

使用 uni.showModal 实现强交互提示
若需用户确认操作，可使用 uni.showModal 弹窗式警告：

uni.showModal({
    title: '警告',
    content: '确定执行此操作吗？',
    confirmText: '确认',
    cancelText: '取消',
    success: (res) => {
        if (res.confirm) {
            console.log('用户点击确认');
        } else if (res.cancel) {
            console.log('用户点击取消');
        }
    }
});

注意事项

• H5 端差异：在 H5 平台，showToast 的样式可能受浏览器限制，建议测试多端兼容性。
• 全局封装：频繁使用的警告提示可封装为全局方法，减少重复代码。
• 多语言支持：若涉及国际化，需动态切换提示内容。