# Cube-loading
# 介绍
加载,提供了可自定义大小的加载动画。
# 示例
# Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
themeType | 用于生成最外层类名 如原类名为 cube-component,添加 themeType = demo 后,类名变为 cube-component cube-component-demo | String | - | - |
size | 加载图标的大小,单位px | Number | - | 24 |
# CSS Variable
变量名 | 默认值 | 含义 |
---|---|---|
$loading-font-size | 24px | loading大小 |
$loading-spinners-width | 24px | 容器宽度 |
$loading-spinners-height | 24px | 容器高度 |
$loading-spinners-animation | spinner-fade $loading-spinners-animation-duration $loading-spinners-animation-steps $loading-spinners-animation-count | 动画 |
$loading-spinner-width | 2px | 线条宽度 |
$loading-spinner-height | 25% | 线条高度 |
$loading-spinner-normal-opacity | 0.25 | 线条低透明度 |
$loading-spinner-deep-opacity | 0.85 | 线条高透明度 |