-Go服务器开发

在你提供的代码中，Form.Item 的 label 属性后面有一个冒号（”:“），但是它没有正确显示出来的原因可能与 CSS 样式有关。这里有几个可能的解决方案和检查点：

CSS样式：确保没有样式覆盖了标签的内容。例如，如果使用了 display: none; 或者 visibility: hidden; 之类的样式，可能会导致标签不显示。
Ant Design 默认样式：Ant Design 对于表单项标签和输入框之间的布局是有默认设置的，你可以自定义 labelCol 和 wrapperCol 来调整其位置。如果需要，可以考虑通过额外的 CSS 为 label 添加 margin 或 padding 来确保冒号不会被挤压掉。
HTML结构：确认代码片段整体结构是否完整，有无其他 HTML 元素干扰。将该组件嵌套在适当容器内，以保证渲染正常。
检查JSX格式：有时 JSX 格式问题也会导致部分元素不显示。确保整个 JSX 结构是有效且没有语法错误。
浏览器开发者工具：使用浏览器开发者工具查看具体 DOM 结构，确认这个标签是否存在，以及其 CSS 样式是什么，以帮助调试问题。
更新 Ant Design 版本：如果你正在使用较旧版本的 Ant Design，尝试更新到最新版本，因为某些小bug在新版本中可能已被修复。

示例

下面是简单修改后的代码示例，确认这些属性是否正确定义并能正常工作：

<Form.Item
    validateTrigger="onBlur"
    layout="vertical"
    label="每人每间夜可下单上限数："
    name="peopleRoomLimit"
    rules={[
        { required: true, message: '请输入每人每间夜可下单上限数' },
        {
            validator: (_, value) => {
                if (!value || (value >= 1 && value <= 99)) {
                    return Promise.resolve();
                }
                return Promise.reject(new Error('请输入1～99之间的整数'));
            },
        },
    ]}
    labelCol={{ span: 24 }}
    wrapperCol={{ span: 24 }}
>
    <Input className="header-left-input" type="number" placeholder="请输入1～99之间的整数" />
</Form.Item>