elementui loading组件circular图形没居中

如果 `elementui` 的 `loading` 组件 `circular` 图形没有居中，可以尝试给 `loading` 组件的父容器添加 `text-align: center` 样式，例如：

<div style="text-align: center;">
  <el-loading :visible="loading" type="circular"></el-loading>
</div>

如果还是没有居中，可以尝试给 `loading` 组件添加 `margin: 0 auto` 样式，例如：

<el-loading :visible="loading" type="circular" style="margin: 0 auto;"></el-loading>

如果以上方法都不行，可以检查一下父容器是否有其他的样式影响了 `loading` 组件的布局。

相关问题

elementui loading

element-ui的loading组件可以给表格、整个页面或者页面上的任意DOM元素添加loading效果。可以通过调用`this.$loading()`方法来创建loading实例，然后可以通过`close()`方法来停止loading。此外，也可以以服务的方式调用loading，需要引入`Loading`服务。如果需要自定义loading样式，可以在项目的asserts文件夹下新建CSS文件夹，在里面编写自定义的element类CSS样式。

elementui loading 阻塞

ElementUI 的 Loading 组件默认是不会阻塞页面的，因为它是使用 CSS3 动画实现的，不会阻塞 JavaScript 的执行。但是，如果在 Loading 显示期间需要进行一些耗时的操作，如请求数据等，可能会使页面出现卡顿的现象。这种情况下可以考虑使用异步操作或者 Web Worker 来解决。另外，也可以在 Loading 显示期间给用户一些提示，如“数据正在加载中，请稍等”，让用户知道程序正在处理数据，减少用户的不良体验。