这个组件在界面==>交互反馈中 经常使用的哈;
特别注意:如果值title太长了,可能就一个值都不会显示
1.提示信息;可以用于操作某一项提示用户是否成功;
uni.showToast({
title: '成功',
icon:'none',//不要图标
duration: 1000//1后消失
});
提示的内容,长度与 icon 取值有关;所有你要注意一下;
特别注意:如果值太长了,可能就一个值都不会显示
2.正在加载中
加载中,有加载转圈;
当你成功后,你就可以关闭这个弹框了;
使用 uni.hideLoading();关闭弹框
uni.showLoading({
title: "加载中"
})
3.模态框,有确认取消按钮
uni.showModal({
cancelText: "取消", // 取消按钮的文字
confirmText: "确认", // 确认按钮文字
title: '删除提示',
content: '是否删除该值日学生?',
confirmColor:'#3B8BFF',
cancelColor:'#222222',
success: res => {
if (res.confirm) {
console.log('ok')
} else if (res.cancel) {
// 取消
console.log('cancel')
}
}
});
4.选择框;几个值中选择一个值
uni.showActionSheet({
itemList: ['A', 'B', 'C'],
success: function (res) {
console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
},
fail: function (res) {
console.log(res.errMsg);
}
});