waiting.md

Waiting 等待

与 Dialog 弹窗 相同，Waiting 组件使用 Promise 进行异步事件监听，调用 show 方法会返回一个 Promise 实例，若由开发者使用 hide 方法取消动画蒙层，则代表异步操作已完成，该实例将变为 resolve 状态，若用户主动取消了动画蒙层，则表示异步操作被提前终止，该实例将变为 reject 状态，可以使用 catch 方法对用户主动取消行为进行处理。

Waiting Snippets

基本用法

this.$waiting.show('Flyme UI').catch(() => {
    console.log('用户取消');
});

不可取消

若希望等待动画无法被用户主动取消，则可以传入 false 作为第二个参数，只有使用 hide 方法才能将异步操作标记为 resolve 状态：

this.$waiting.show('Flyme UI', false).then(() => {
    console.log('hide 方法被调用');
});

setTimeout(() => {
    this.$waiting.hide();
}, 1000);

Waiting Methods

方法名称	描述
show	显示等待动画
hide	隐藏等待动画

Waiting Params

Show 显示动画

参数名称	描述	类型	默认值	可选值
text	等待动画提示文本	String	--	--
cancelable	用户是否能主动取消	Boolean	true	true, false

Waiting Returns

Show 显示动画

返回值名称	描述	类型
promise	Promise 对象的实例，resolve 状态为程序取消，reject 状态为用户取消	Object