antdesignvueloading

你可以使用 Ant Design Vue 中的 Loading 组件来实现加载状态显示。下面是一个示例代码：

<template>
  <div>
    <a-button type="primary" @click="startLoading">开始加载</a-button>
    <a-button type="danger" @click="stopLoading">停止加载</a-button>
    <a-spin :spinning="loading" tip="加载中...">
      <a-card style="width: 300px; margin-top: 16px">
        <p>这是一个示例卡片</p>
      </a-card>
    </a-spin>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: false
    };
  },
  methods: {
    startLoading() {
      this.loading = true;
    },
    stopLoading() {
      this.loading = false;
    }
  }
};
</script>

在上面的示例中，通过点击 "开始加载" 按钮时，`loading` 的值会变为 `true`，从而触发 Loading 组件的显示。点击 "停止加载" 按钮时，`loading` 的值会变为 `false`，Loading 组件会隐藏。

你可以根据实际需求调整代码，并添加其他样式或逻辑。更多关于 Ant Design Vue Loading 组件的详细用法可以参考官方文档：[https://antdv.com/components/spin-cn/](https://antdv.com/components/spin-cn/)