// 从 'ant-design-vue' 这个 UI 组件库中导入 Spin 组件。Spin 组件通常用于在页面上展示加载动画效果，告知用户当前页面正在进行数据加载等操作
import { Spin } from 'ant-design-vue';

export default {
  name: 'PageLoading',
  render () {
    // render 函数用于定义组件的渲染内容，这里返回一个包含了 Spin 组件的虚拟 DOM 结构（在 Vue 中，使用类似 JSX 的语法来描述）
    return (<div style={{ paddingTop: 100, textAlign: 'center' }}>
      // 使用导入的 Spin 组件，设置其 size 属性为 'large'，使加载动画以较大的尺寸展示，增强视觉效果，更醒目地告知用户正在加载
      <Spin size="large" />
    </div>)
  }
}