微信小程序延迟显示按钮

微信小程序延迟显示按钮,第1张

可控制延迟显雀缓示的微信小程序 loading 组件,默认请求超过0.5s才显示loading动画;支持 slot 自定义 loading 内容。

在项目中,若网络良好的情况下,每次请求都显示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)

}

})

感谢阅读,希望能帮磨掘山助到大家,谢谢大家对本站的支持!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12351661.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存