自定义vant加载中

要自定义 Vant 的加载中组件，你可以按照以下步骤进行操作：

1. 首先，创建一个新的组件文件，比如 `CustomLoading.vue`。

2. 在该组件中，使用 Vant 提供的 `van-loading` 组件作为基础，并根据你的需求进行自定义。可以设置加载中的文本、颜色、大小等。

示例代码如下：

<template>
  <van-loading :color="color" :size="size" :text="text"></van-loading>
</template>

<script>
export default {
  props: {
    color: {
      type: String,
      default: '#1989fa' // 设置默认颜色为 Vant 的主题色
    },
    size: {
      type: String,
      default: '30px' // 设置默认大小为 30px
    },
    text: {
      type: String,
      default: '加载中...' // 设置默认文本
    }
  }
}
</script>

3. 在需要使用自定义加载中的地方，引入该组件并传入相应的属性。

例如，在使用 Vant 的按钮组件时，可以这样引入自定义加载中组件：

<template>
  <van-button type="primary" :loading="true">
    <custom-loading></custom-loading>
  </van-button>
</template>

<script>
import CustomLoading from '@/components/CustomLoading.vue'

export default {
  components: {
    CustomLoading
  }
}
</script>

这样就可以使用自定义的加载中组件了。你可以根据需要进一步调整样式和配置。