Loading加载

    引入

    在app.json或index.json中引入组件,默认为ES6版本

    1. "usingComponents": {
    2. "vtu-loading": "/miniprogram_npm/vtuweapp/loading/vtu-loading"
    3. }

    代码演示

    普通加载

    1. <vtu-loading label="加载中..." show="{{true}}"></vtu-loading>
    2. <vtu-loading label="上传中..." show="{{true}}" icon-color="red" ></vtu-loading>
    3. <vtu-loading label="加载中..." show="{{true}}" icon="iconfont icon-biaoxingfill" icon-class="iconStyle1"></vtu-loading>

    区域加载

    1. <vtu-rate value="{{value1}}" count="5" size="24px" async-change="true" bind:change="bindAsyncChange"></vtu-rate>
    2. <vtu-loading show="{{show1}}" label="加载中..." bg-color="rgba(0,0,0,.5)" icon-color="#fff" label-color="#fff" fill></vtu-loading>

    自定义图片&高度

    1. <vtu-loading label="上传中..." show="{{true}}" img="/assets/image/wait.gif" height="150px"></vtu-loading>

    组件参数

    Loading 加载 - 图1