加载中 Loading

    可通过加载组件的属性设置加载动画类型。并通过 设置showtrue 或者 false 来控制它的显示与隐藏。

    type共有五种状态,可选值为flashflipchangecirclerotate,可根据使用场景选择合适的类型,默认为。

    加载动画大小

    设置组件size属性可更改加载动画的大小。

    不同大小

    设置组件的color属性更改加载动画的颜色。默认颜色与主题色(theme_color)一致。

    自定义加载动画

    为适应不同的场景和需求,组件的内容部分(动画)可以通过自定义的方式来实现。

    注意事项

    • loading组件只接收一个slot作为子节点,但你可以在这个子节点内添加更多的标签和内容

    自定义加载动画

    在开发工作的中,我们会遇到一种常见的场景:当跳转到一个新页面时,开始加载数据,全屏显示loading,当数据加载完成时,隐藏loading。

    针对这种场景,我们可以通过设置 属性为 true ,并配合外部样式类 l-container-class 来完成。

    • 全屏模式下可以设置 type 值来指定不同的加载动画,同样也可以使用自定义的 slot
    • l-container-class 可以用来设置背景部分的颜色,子节点的定位(flex布局),

    加载中属性(Loading Attributes)