加载中 Loading
可通过加载组件的属性设置加载动画类型。并通过 设置show
为 true
或者 false
来控制它的显示与隐藏。
type
共有五种状态,可选值为flash
、flip
、change
、circle
、rotate
,可根据使用场景选择合适的类型,默认为。
加载动画大小
设置组件size
属性可更改加载动画的大小。
设置组件的color
属性更改加载动画的颜色。默认颜色与主题色(theme_color)一致。
自定义加载动画
为适应不同的场景和需求,组件的内容部分(动画)可以通过自定义的方式来实现。
注意事项
- loading组件只接收一个slot作为子节点,但你可以在这个子节点内添加更多的标签和内容
在开发工作的中,我们会遇到一种常见的场景:当跳转到一个新页面时,开始加载数据,全屏显示loading,当数据加载完成时,隐藏loading。
针对这种场景,我们可以通过设置 属性为 true
,并配合外部样式类 l-container-class
来完成。
- 全屏模式下可以设置
type
值来指定不同的加载动画,同样也可以使用自定义的slot
, l-container-class
可以用来设置背景部分的颜色,子节点的定位(flex布局),