element-ui loading文字颜色改变

要改变 Element UI 的 Loading 组件文字颜色，可以通过 CSS 的方式来实现。具体做法如下：

1. 在需要使用 Loading 的组件中，添加一个自定义的类名，例如 `my-loading-class`。

2. 在样式文件中添加以下 CSS 代码，将 `.my-loading-class` 中的文字颜色设置为需要的颜色：

.my-loading-class .el-loading-text {
  color: #ff0000; /* 设置为红色 */
}

其中，`#ff0000` 可以替换为任何你想要的颜色值。

3. 在需要使用 Loading 的组件中，将 `class` 属性设置为 `my-loading-class`，即可应用自定义样式。

例如，在使用 `el-button` 组件时，可以这样写：

<el-button class="my-loading-class" :loading="true">加载中...</el-button>

这样，Loading 组件的文字颜色就会被设置为红色。

相关问题

vue3中element-ui loading加载文字颜色改变

在Vue3中使用Element-UI的Loading组件，可以通过以下方式修改加载文字的颜色：

1. 在全局CSS中修改：

.el-loading-text {
  color: red;
}

2. 在组件中通过scoped CSS修改：

<template>
  <div>
    <el-button @click="showLoading">显示Loading</el-button>
    <el-loading :text="loadingText" :visible="loadingVisible" :background="loadingBgColor" class="loading-wrapper">
    </el-loading>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loadingText: '加载中...',
      loadingVisible: false,
      loadingBgColor: '#fff'
    }
  },
  methods: {
    showLoading() {
      this.loadingVisible = true;
    }
  }
}
</script>

<style scoped>
.loading-wrapper .el-loading-text {
  color: red;
}
</style>

在上面的代码中，我们通过在`.loading-wrapper`下面添加`.el-loading-text`的方式，修改了加载文字的颜色为红色。

vue3中element-ui loading text文字颜色怎么修改

在Vue3中使用Element-UI的Loading组件，可以通过以下方式修改加载文字的颜色：

1. 在全局CSS中修改：

.el-loading-text {
  color: red;
}

2. 在组件中通过scoped CSS修改：

<template>
  <div>
    <el-button @click="showLoading">显示Loading</el-button>
    <el-loading :text="loadingText" :visible="loadingVisible" :background="loadingBgColor" class="loading-wrapper">
    </el-loading>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loadingText: '加载中...',
      loadingVisible: false,
      loadingBgColor: '#fff'
    }
  },
  methods: {
    showLoading() {
      this.loadingVisible = true;
    }
  }
}
</script>

<style scoped>
.loading-wrapper .el-loading-text {
  color: red;
}
</style>

在上面的代码中，我们通过在`.loading-wrapper`下面添加`.el-loading-text`的方式，修改了加载文字的颜色为红色。