antd checkbox 文字在左边

在Ant Design (antd) 中，如果你想让复选框的文字显示在左侧，你可以通过设置`prefixCls`属性以及自定义`Checkbox`组件的样式来实现。`prefixCls`是一个前缀类名，用于定制组件的部分样式，比如这里可以覆盖默认的图标和文字布局。

下面是如何做到这一点的基本步骤：

1. 首先，引入`Checkbox`组件并为其添加一个额外的属性，通常是`prefixCls`，例如：

import { Checkbox } from 'antd';

const customPrefixCls = 'your-custom-prefix-class'; // 自定义前缀类名

function CustomCheckbox({ ...props }) {
  return <Checkbox prefixCls={`${customPrefixCls}-checkbox`} {...props} />;
}

2. 然后，在CSS文件中，针对这个新的`prefixCls`，创建一个新的样式规则，将文本标签（`.ant-checkbox-inner`)的位置调整到左对齐：

.your-custom-prefix-class-checkbox .ant-checkbox-inner::before {
  left: auto; /* 将默认的left值设为auto */
  right: 0; /* 将文本移动到右边 */
}

.your-custom-prefix-class-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
  left: 5px; /* 根据需要调整已勾选状态下的文字位置 */
}

这只是一个基本的示例，实际应用中可能需要根据具体的UI设计调整更多的样式细节。注意，`ant-design-vue`或其他版本的antd库可能会有些许差异，但是核心思想是一样的。