ui-loader 参考

基础用法

<ui-loader></ui-loader>

属性

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

样式控制

种类 参数值类型 功能说明
size class 样式名,string,支持值:mini, tiny, small, 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

条与 "" 相匹配的结果

    没有与 "" 匹配的结果