loading 可以自定义,您可以根据自己的需求对其样式进行修改。一般来说,loading 的样式可以通过 CSS 或 JavaScript 修改。
如果您是在使用 Ant Design Pro 的框架下开发智能媒体管理系统,可以通过修改 Ant Design Pro 提供的全局样式文件或者覆盖组件的样式来自定义 loading 样式。具体来说,您可以在全局样式文件中添加以下 CSS 样式:
css
Copy
.ant-spin-dot {
display: flex;
justify-content: center;
align-items: center;
}
.ant-spin-dot-item {
width: 10px;
height: 10px;
margin: 0 4px;
border-radius: 50%;
background-color: #1890ff;
animation: antSpinMove 1.2s ease-in-out infinite;
}
@keyframes antSpinMove {
0% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.5;
transform: scale(0.4);
}
100% {
opacity: 1;
transform: scale(1);
}
}
上述样式可以将 loading 的样式修改为一个圆形的动态图标,颜色为 Ant Design Pro 的主题色,您可以根据自己的需求进行修改。
这个是不支持自定义的,你可以在外面自己实现,文档加载完成再隐藏
可以参考下这么实现,你看下是否满足你的需求,此回答整理自钉群“智能媒体管理官网客户群”"
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。