element-loading 的test颜色如何更改

在Element UI框架中，我们可以通过自定义样式来更改element-loading的颜色。要更改element-loading的颜色，我们可以使用以下几种方法：

1. 使用全局样式:
首先，在你的项目中的全局样式文件中，可以通过修改以下CSS类来更改element-loading的颜色：
.el-loading-spinner {
color: #FF0000; /* 要更改的颜色 */
}

2. 使用局部样式:
如果你只想在某个特定的组件中更改element-loading的颜色，可以在该组件的样式中添加以下CSS代码：
<style scoped>
.el-loading-spinner {
color: #00FF00; /* 要更改的颜色 */
}
</style>
这将只会影响当前组件中的element-loading颜色。

3. 使用自定义主题:
Element UI提供了自定义主题的功能，它允许我们通过修改主题色来更改整个框架中的元素颜色，包括element-loading。
具体步骤如下：
a. 在你的项目中创建一个名为element-variables.scss的文件，并将其导入项目的入口文件。
b. 在element-variables.scss文件中，找到$--color-primary变量，并将其设置为你想要的颜色，例如：
$--color-primary: #0000FF;
c. 重新编译你的项目，这样element-loading的颜色就会被更改为你设置的主题色。

总结：
无论是全局样式、局部样式还是自定义主题，都可以用来更改element-loading的颜色。你可以选择适合你项目需求的方法进行更改。