一、showToast

uni.showToast({title: '没有更多了',//标题 必填icon: 'none',//图标image: '',//自定义图标的本地路径（app端暂不支持gif）mask: true,//是否显示透明蒙层，防止触摸穿透，默认：falseduration: '',//提示的延迟时间，单位毫秒，默认：1500position: '',//纯文本轻提示显示位置，填写有效值后只有 title 属性生效，且不支持通过         uni.hideToast 隐藏。有效值详见下方说明。    Appsuccess: '',//接口调用成功的回调函数  fail: '',//接口调用失败的回调函数    complete: '',//接口调用结束的回调函数（调用成功、失败都会执行）
});

1）icon的区别

openToast(){uni.showToast({title: 'success',icon: 'success',});
},

二、showModal

1）通常使用

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

openModel() {uni.showModal({title: '提示',content: '这是一个模态框！',editable: true,placeholderText: '显示输入框',});
},

注：显示输入框时，content作为输入框value出现。

2）详细说明

uni.showModel({title: '',//提示的标题   content: '',//提示的内容   showCancel: '',//是否显示取消按钮，默认为 true cancelText: '',//取消按钮的文字，默认为"取消" cancelColor: '',//取消按钮的文字颜色，默认为"#000000"confirmText: '',//确定按钮的文字，默认为"确定" confirmColor: '',//确定按钮的文字颜色editable: '',//是否显示输入框placeholderText   String  否   显示输入框时的提示文本success: '',//接口调用成功的回调函数  fail: '',//接口调用失败的回调函数    complete: '',//接口调用结束的回调函数（调用成功、失败都会执行）
});

三、showLoading 和 hideLoading

uni.showLoading({title: '加载中',mask: true,
});setTimeout(function () {uni.hideLoading();
}, 2000);

详细说明

uni.showLoading({title: '',//提示的文字内容，显示在loading的下方mask: '',//Boolean  是否显示透明蒙层，防止触摸穿透，默认：falsesuccess: function (res) {},//接口调用成功的回调函数   fail: '',//接口调用失败的回调函数complete: '',//接口调用结束的回调函数（调用成功、失败都会执行）
});

uniapp 提示框(showToast、showModal、showLoading)相关推荐

uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
参考文档: https://uniapp.dcloud.io/api/ui/prompt?id=showmodal 显示模态弹窗,可以只有一个确定按钮,也可以同时有确定和取消按钮.类似于一个API整合 ...
微信小程序的提示框 showToast 去掉勾，设置icon为null没有效果
设置icon为null这个功能是在1.9之后的版本才支持的,所以需要修改版本号,project.config.json这里文件里面,在根目录下 ,亲们,有用就给个赞吧,谢谢
微信小程序——提示弹窗wx.showModal
微信小程序里面的提示框实现,先来张示例图: 先在.wxml里面写好布局文件,这里拿删除按钮作为示例: <view class="buttonVie ...
微信小程序自定义提示框制作的简单方法
微信小程序自定义提示框制作的简单方法下面的时候提示框的结构 wxml部分  <view class="showToast" wx:if= ...
小程序的三种弹框showToast、showModal、showLoading
小程序常用的三种弹框有: showToast:消息提示框 showModal:模态对话框 showLoading:加载框第一: showToast: ...
微信小程序：消息提示框（wx.showToast）和交互提示框（wx.showModal）
摘要: 有时需要提示框来提醒我们相应信息,以及交互提示框来让我们是否继续进行操作. 一.消息提示框 (1)参数介绍消息提示框只有提示作用,不能交互,函数是wx.showToast,下面列出几个主要且 ...
uniapp 消息提示框
uni.showToast(OBJECT) 显示消息提示框. OBJECT参数说明参数类型必填说明平台差异说明 title String 是提示的内容,长度与 icon 取值有关. i ...
uni.showToast(OBJECT)消息提示框
参考官网文档: https://uniapp.dcloud.io/api/ui/prompt?id=showtoast 这几天在写uni-app ,过来记录一下提示框,免得下次会忘记~ 先可以记住几 ...
Uni-app中几种常用的提示框
1.成功提示框提交表单的时候,提交成功弹出的提示框. uni.showToast({title: '提交成功',duration: 2000 }); 2.加载框 uni.showLoading({t ...

uniapp 提示框(showToast、showModal、showLoading)

一、showToast

1）icon的区别

二、showModal

1）通常使用

2）详细说明

三、showLoading 和 hideLoading

详细说明

uniapp 提示框(showToast、showModal、showLoading)相关推荐

最新文章

热门文章