使用.vue能改loading属性的背景颜色吗

是的，你可以使用 Vue.js 的 `.vue` 单文件组件来改变 loading 属性的背景颜色。在 `.vue` 文件中，你可以使用 Vue 的模板语法和样式绑定来动态设置 loading 属性的背景颜色。

以下是一个示例，展示如何在 Vue 单文件组件中改变 loading 属性的背景颜色：

<template>
  <button type="submit" :class="{ 'custom-button': true, 'loading': loading }" :disabled="loading" @click="feedbackSubmit">
    <span class="loading-animation"></span>
    <label>提交</label>
  </button>
</template>

<script>
export default {
  data() {
    return {
      loading: false
    };
  },
  methods: {
    feedbackSubmit() {
      this.loading = true;
      // 在这里执行提交操作或其他异步操作
      // 当操作完成后，将 this.loading 设置为 false，结束 loading 状态
    }
  }
};
</script>

<style scoped>
.custom-button {
  background-color: blue;  /* 设置静态背景颜色为蓝色 */
  color: white;  /* 设置静态文字颜色为白色 */
}

.loading {
  background-color: red;  /* 设置 loading 背景颜色为红色 */
}

.loading-animation {
  /* 设置 loading 动画样式 */
}
</style>

在上面的示例中，我们使用了 Vue 的动态类绑定 `:class` 来根据 `loading` 属性的状态来添加或移除 `loading` class。当 `loading` 为 true 时，按钮将应用 `loading` class，从而触发相应的样式变化。你可以在 `loading` 类的样式中设置 loading 属性的背景颜色。

请根据你的需求修改示例中的颜色值，并根据实际情况在 `feedbackSubmit` 方法中执行提交操作或其他异步操作。当操作完成后，将 `this.loading` 设置为 false，以结束 loading 状态。

这只是一个简单的示例，你可以根据你的需求扩展和修改 Vue 单文件组件的代码和样式来实现你想要的 loading 属性的背景颜色。