加载中 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()

Methods

loading.show()

显示组件

loading.show()

隐藏组件

Static Methods

Loading.show()

显示加载中

Loading.hide()

隐藏加载中