# Cube-loading

# 介绍

加载,提供了可自定义大小的加载动画。

# 示例

# 基础用法

默认大小为24px,可通过size属性配置

收起
  <cube-loading size="{{36}}" />
1

# 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
线条高透明度