# Loading 加载
# 引入
import { H3Loading } from '@lateinos/awesome-ui';
export default {
components: {
H3Loading,
},
};
# 与Antd的区别
Antd 原组件:Spin 加载中 (opens new window)
H3Loading 组件是对Antd Spin组件的封装和扩展;封装之后,更适用于奥哲PC端的加载。主要区别有以下两点:
- 加载动画改为奥哲氚云专用的动画,也同时可以配置大中小;
- 在props上添加tip,不传值情况下,会使用默认值:“努力加载中...”
- 控制加载状态的值,可以使用loading,当然Antd的spinning也可用
# 各种大小
# 区域加载
# 提示文字
# 延迟
延迟显示 loading 效果。当 spinning 状态在 delay 时间内结束,则不显示 loading 状态。 可以防止闪烁;