ui-loader 参考

基础用法

<ui-loader></ui-loader>

属性

属性名 参数值类型 功能说明
color color,十六进制、rgba、rgb等常见颜色值 控制 mask 遮罩颜色
indeterminate boolean 控制组件 loader 的旋转方向为逆时针, 未指定默认为顺时针

样式控制

种类 参数值类型 功能说明
size class 样式名,string,支持值"mini, tiny, samll, medium, large, big, huge, massive" 控制组件整体大小
speed class 样式名,string,支持值"very-slow, slow, fast, very-fast" 控制组件 loader 动画速度,未设置为正常速度
color class 样式名,string,支持值"red, blue, green" 控制组件颜色
transparent class 样式名,string,支持值"transparent" 透明版组件

使用效果示例

color 控制遮罩颜色

<ui-loader color="rgba(128,0,0,0.3)">Color Mask</ui-loader>

img

indeterminate

<ui-loader indeterminate>Indeterminate</ui-loader>

img

transparent

<ui-loader class="transparent">Transparent</ui-loader>

img

color 控制 loader 颜色

<ui-loader class="red">Red</ui-loader>
<ui-loader class="blue">Blue</ui-loader>
<ui-loader class="green">Green</ui-loader>

img

size 控制大小

<ui-loader class="mini">Mini</ui-loader>
<ui-loader class="tiny">Tny</ui-loader>
 ····

img

speed 控制动画速度

<ui-loader class="very-slow"></ui-loader>
<ui-loader class="slow"></ui-loader>
 ····

img

条与 "" 相匹配的结果

    没有与 "" 匹配的结果