在项目中,若网络良好的情况下,每次请求都显示loading动画,会导致页面短时间内频繁闪现loading动画,用户体验不佳。本组件搭岁指可自定义loading组件显示延时,只有当请求超过设置的时间未完成时,才显示loading动画,减少loading动画出现的次知配数。
微信小程序开发文档,相关文章:
微信小程序
action-sheet
微信小程序
modal
微信小程序
toast
微信小程序
loading
微信小程序
loading
属性名
类型
默认值
说明
hidden
Boolean
false
是否隐藏
示例代码:
<view
class="body-view">
<loading
hidden="{{hidden}}">
加散颂载中...
</loading>
<button
type="default"
bindtap="loadingTap">点击d瞎中出loading</button>
</view>
Page({
data:
{
hidden:
true
},
loadingTap:
function(){
this.setData({
hidden:
false
})
var
that
=
this
setTimeout(function(){
that.setData({
hidden:
true
})
that.update()
},
3000)
}
})
感谢阅读,希望能帮磨掘山助到大家,谢谢大家对本站的支持!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)