用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

2017-3-18 18:31:36 天下雪原创达人 造轮子 人生巅峰 楼主 03945
0.15.152900版本新增:
wx.showLoading(OBJECT)
基础库版本 1.1.0 开始支持,低版本需做兼容处理
微信客户端 6.5.6 版本开始支持

显示 loading 提示框, 需主动调用 wx.hideLoading 才能关闭提示框
wx.hideToast()wx.hideLoading()
hideLoading 基础库版本 1.1.0 开始支持,低版本需做兼容处理
微信客户端 6.5.6 版本开始支持
wx.showToast 支持 image 参数自定义提示框图片


感谢@howard 版主的建议,我又仔细去看了一遍官方文档内,还有哪些重要的组件没有涉及,然后就发现了toast等组件,所以开始逐个对遗漏的组件做资料整理;
友情提示:近期发布的新版本,将大幅度对toast做出改进,包括自定义图片及时间等;
关于组件部分,由于时间原因,可能部分组件已经无法使用吗,请酌情选择其中可用的组件;


官方文档地址:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html#wxshowtoastobject

相关文章:
微信小程序之自定义toast实例
微信小程序之自定义Toast
微信小程序入门:相册选择,拍照,toast等弹框提示
开发showToast消息提示接口
微信小程序实用组件:自定义弹框toast
微信小程序提示框toast组件—wxui的使用
微信小程序自定义Toast
微信小程序开发之吐司toast(消息提示框)



相关组件:

小程序组件大全(对话框、指示器、五星评分,画廊,toast
微信小程序实用组件,自定义toast组件:WXHUD
微信小程序简单组件:自定义toast
微信小程序小组件:toast 自己封装了一个,多页面可以使...
微信小程序提示框toast组件
微信小程序toast增强插件:三种弹出样式(适用1304版本)
微信小程序实用组件:modal和toast通用插件封装(适用


相关讨论:

Q:wx.showToast 使用问题,先调用 loading 在调用 success  icon不会变。
A:谢谢反馈,这个是已知问题,下一个正式版的微信客户端将修复。
Q:wx.showToast() 的 OBJECT.icon 应该增加 fail。
A:后续会增加。
Q:showToast bug,在一个request请求前showToast(loading类型,duration为10000),在请求成功后hideToast,再弹出一个success的Toast,这个Toast的显示的图标是loading。
A:已知晓,谢谢反馈。该问题只在 iOS 下出现,尽快解决。
Q:是否会添加带"失败状态"的toast?
A:已在迭代,可以直接在toast上显示自定义图片的能力。

相关讨论:

wx.showToast()方法无效
调用wx.request请求网络然后在
complete: function (res) {
            // complete
            wx.hideToast();
  }
在成功方法里面如果要进行showToast的时候感觉无效,并没有弹出提示框
Special
success 回调调用是在 complete 之前的,如果在 success showToast,下一步 complete hideToast 就会被冲掉 showToast。



相关讨论:
wx.showToast()显示内容被截断
wx.showToast()某种情况下title的显示内容被截断,如wx.showToast({ title: '篮球2的17:00-18:00时段已经售出!'}); 只显示'篮球2的17:00-18:00时...'。iphon6必现,其他机型未测试。
toast/modal 等组件属于原生组件,具体的行为取决于系统原生接口。如果需要自定义它们的表现,建议使用 JS 和 WXML 自定义自己的业务逻辑



相关讨论:
使用wx.showToast弹出提示,为什么设置的时间无效
使用wx.showToast弹出提示,为什么设置的duration时间无效,马上就执行成功回调方法了?
[AppleScript] 纯文本查看 复制代码
    orderPay: function () {
        wx.showToast({
            title: '支付成功',
            icon: 'success',
            duration: 10000,
            success: function () {
                wx.redirectTo({ url: '/pages/pack/pack' })
            }
        })
    }

找到原因了,duration它只是显示时间,需要在success使用原生的js延时,
setTimeout(function(){
                    wx.redirectTo({ url: '/pages/pack/pack' })
                }, 3000);



相关讨论:
对于wx.showToast有个延迟时间为什么还有wx.hideToast
在wx.showToast中有个duration的延迟时间,我为什么还要wx.hideToast呢。对于wx.showToast是在页面刚加载时,数据还没有加载完毕时而调用的,那这个wx.showToast该怎么使用呢。我也不清楚什么时候数据加载完毕,这个延迟时间是一个动态的。这时又该怎么设置wx.showToast
wx.showToast({
            title: '加载中',
            icon: 'loading',
            duration: 10000
        });
        setTimeout(function () {
            wx.hideToast()
        }, 2000);
如上列代码所示,如果有wx.hideToast()则loading图标仅显示2秒(即2000毫秒),如果没有,则会显示10秒(即10000毫秒)。
1..hideToast可以让消息提示框在duration的时间结束前提前取消消息框
2.你可以把hideToast放在 wx.request()里的 success函数里执行啊

有问题请在本站内搜索相应关键词,假如无法解决请在综合交流区内发帖咨询,发帖时请提供详细的问题描述、相关图片及代码。
发新帖
您需要登录后才可以回帖 登录 | 立即注册