当我使用顺风和元素加载时，加载微调器不在屏幕中心，如何解决？

Posted 2023-03-07

【中文标题】当我使用顺风和元素加载时，加载微调器不在屏幕中心，如何解决？

【英文标题】：When I use tailwind and element loading,the loading spinner isnt at the center of screen,how to fix it?

【发布时间】：2021-11-02 06:51:21

【问题描述】：

我的环境是

"@tailwindcss/postcss7-compat": "^2.2.9", "postcss": "^7", “vue”：“^2.6.12”， “元素-ui”：“^2.15.1”， "tailwindcss": "npm:@tailwindcss/postcss7-compat",

【问题讨论】：

能否请您添加上述问题的沙箱示例？

【参考方案1】：

顺风将扼杀一些样式，如 h1 的填充等。

如果你只是想像我一样解决这个小问题

您可以添加一个样式来覆盖默认的 element-ui 样式，以使此微调器在全局 css 文件中“居中”：

.el-loading-spinner 
    display: flex;
    justify-content: center;

如果有人找到更好的方法或原因，请留下您的答案，不胜感激。