Indicator

弹出层 / Indicator组件(小Loading)

Indicator组件调用不需要传入参数, 只需要在不需要他的时候调用dismiss()方法即可, 他的默认最大开启时间为10000ms. 这部分可在config中通过maxIndicatorDuration配置.

关于时间的说明

  • Indicator最短开启时间(indicatorPresentMinTime), 一般是328ms, 这部分可在config中通过indicatorPresentMinTime配置
  • Indicator开启的最大时间(indicatorMaxDuration), 一般是5000ms, 这部分可在config中通过indicatorMaxDuration配置
源码:
参考:

传入属性 / Props:

Name Type Attributes Default Description
options Object 参数
isReverse Boolean <optional>
false 是否反色
dismissOnPageChange Boolean <optional>
true 页面切换是否关闭

用法 / Usages

// 开启300ms后关闭
openIndicator300 () {
     this.$indicator.present()
     setTimeout(() => {
       this.$indicator.dismiss()
     }, 300)
},


// 反色
openIndicator300 () {
     this.$indicator.present(true)
     setTimeout(() => {
       this.$indicator.dismiss()
     }, 300)
},

方法 / Methods

(static) dismiss() → {Promise}

源码:

关闭组件

返回 / Returns:
  • 关闭动画结束的promise

(static) present(options)

源码:

如果上一个实例是开启状态, 则自动关闭后开启新的

参数 / Parameters:
Name Type Description
options Object | Boolean

isReverse

Properties
Name Type Description
isReverse Boolean

是否反色

dismissOnPageChange Boolean

页面切换是否关闭