uniapp交互反馈api的使用示例

官方文档链接:uni.showToast(OBJECT) | uni-app官网

1.uni.showToast({}) 显示消息提示框。

常用属性:
title:页面提示的内容
image:改变提示框默认的icon图标
duration:提示框在页面显示多少秒才让它消失

uniapp交互反馈api的使用示例_第1张图片

添加了image属性后。

uniapp交互反馈api的使用示例_第2张图片


注意了,如果我们是去找iconfont的图标,最好选白色的图标rgb(255,255,255),因为默认的背景色是灰色的,如果图标是其他颜色,会有色差跟背景不搭。




3.uni.showModal({}) 显示模态弹窗,一般用来判断用户做出的选择,根据进一步触发逻辑。

可以只有一个确定按钮,也可以同时有确定和取消按钮。类似于一个API整合了 js中:alert、confirm。uniapp交互反馈api的使用示例_第5张图片

属性很多,可以调文本颜色,文本内容输出,按钮显现与否等,具体看官方API:





4.uni.showActionSheet({})从底部向上弹出操作菜单

uniapp交互反馈api的使用示例_第6张图片

代码示例: 



你可能感兴趣的:(多端开发,uni-app,交互,前端)