首页 > PHP资讯 > 工具库 > 微信小程序之wx.showToast(OBJECT)的解读及使用示例

微信小程序之wx.showToast(OBJECT)的解读及使用示例

工具库
wx.showToast(OBJECT)这个是微信提供的API,其作用是是显示消息提示框。
下面是官方的文档说明:

虽然只有两种图标,但是可以用到很多的场景,所有要说明成功失败或者其他文字说明的都可以用这个”success”图标,但是如果需要给用户有等待的心态,就要用到"loading"这个图标了。

下面是官方的示例代码:

wx.showToast({  title: '成功',  icon: 'success',  duration: 2000})

下面示范大家如何使用这个API,先打开微信WEB开发者工具,新建快速项目,把首页中没用的内容删除掉,保留如下图所示。

再在按钮上添加navigator导航,链接到默认的日志页面。

如下面的index页面的WXML代码所示

     

index页面的js代码如下:

logbtn: function () {  wx.showToast({    title: '登陆成功',    icon: 'success',    duration: 1200  })},morebtn: function () {  wx.showToast({    title: '加载中',    icon: 'loading',    duration: 1200  })},

两个按钮靠的太近,我们在中间插入一个View标签,让按钮间多些间距,如下面的代码所示:

 

页面呈现的样式如下:

通过上面的示范,大家可以知道这个API的效果,及可以用到的场景,也便于大家在需要的时候直接调用官方的这个API大小比较好的效果。

更多微信小程序之wx.showToast(OBJECT)的解读及使用示例相关文章请关注PHP中文网!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持34不支持0