加载中 Loading

示例

基本形式

<button class="u-btn u-btn-primary" on-click={this.load()}>Loading</button>
var component = new RGUI.Component({
    template: template,
    load: function() {
        RGUI.Loading.show();
        setTimeout(function() {
            RGUI.Loading.hide();
        }, 2000);
    }
});

嵌入文档流

<button class="u-btn u-btn-success" on-click={this.load()}>
    Loading <loading ref="loading" static />
</button>
var component = new RGUI.Component({
    template: template,
    load: function() {
        this.$refs.loading.show();
        setTimeout(function() {
            this.$refs.loading.hide();
        }.bind(this), 3000);
    }
});

自定义

<button class="u-btn u-btn-error" on-click={this.load()}>Loading</button>
<loading ref="loading" static>
    <img src="../img/loading.gif">
</loading>
var component = new RGUI.Component({
    template: template,
    load: function() {
        this.$refs.loading.show();
        setTimeout(function() {
            this.$refs.loading.hide();
        }.bind(this), 6000);
    }
});

API

Class

Loading

继承自

Options

new Loading()

参数类型默认值数据流向描述
dataobject绑定属性
data.staticbooleanfalseouter => inner是否嵌入文档流
data.disabledbooleanfalseouter => inner是否禁用
data.visiblebooleantrueouter => inner是否显示
data.classstring''outer => inner补充class

Methods

loading.show()

显示组件

参数类型默认值描述
无参数
返回值类型描述
无返回值

loading.show()

隐藏组件

参数类型默认值描述
无参数
返回值类型描述
无返回值

Static Methods

Loading.show()

显示加载中

参数类型默认值描述
无参数
返回值类型描述
无返回值

Loading.hide()

隐藏加载中

参数类型默认值描述
无参数
返回值类型描述
无返回值