Loading加载
引入
在app.json或index.json中引入组件,默认为ES6版本
"usingComponents": {
"vtu-loading": "/miniprogram_npm/vtuweapp/loading/vtu-loading"
}
代码演示
普通加载
<vtu-loading label="加载中..." show="{{true}}"></vtu-loading>
<vtu-loading label="上传中..." show="{{true}}" icon-color="red" ></vtu-loading>
<vtu-loading label="加载中..." show="{{true}}" icon="iconfont icon-biaoxingfill" icon-class="iconStyle1"></vtu-loading>
区域加载
<vtu-rate value="{{value1}}" count="5" size="24px" async-change="true" bind:change="bindAsyncChange"></vtu-rate>
<vtu-loading show="{{show1}}" label="加载中..." bg-color="rgba(0,0,0,.5)" icon-color="#fff" label-color="#fff" fill></vtu-loading>
自定义图片&高度
<vtu-loading label="上传中..." show="{{true}}" img="/assets/image/wait.gif" height="150px"></vtu-loading>
组件参数