🎨 Toast 消息提醒组件
iOS风格的优雅消息提示
基础消息类型
Toast.success('操作成功!');
Toast.error('操作失败,请重试');
Toast.warning('请注意检查信息');
Toast.info('这是一条提示消息');
自定义显示时长
Toast.info('1秒后消失', { duration: 1000 });
Toast.info('5秒后消失', { duration: 5000 });
不同位置显示
Toast.info('顶部居中', { position: 'top-center' });
Toast.info('顶部右侧', { position: 'top-right' });
Toast.info('底部居中', { position: 'bottom-center' });
Toast.info('屏幕中心', { position: 'center' });
确认对话框
Toast.confirm({
title: '确认删除',
message: '删除后无法恢复,确定要删除吗?',
confirmText: '删除',
cancelText: '取消'
}).then(confirmed => {
if (confirmed) {
Toast.success('已删除');
}
});
输入对话框
Toast.prompt({
title: '设置用户名',
placeholder: '请输入用户名',
defaultValue: '张三',
maxLength: 20
}).then(value => {
if (value !== null) {
Toast.success(`用户名已设置为:${value}`);
}
});