antdesign mobile 实现点击弹form弹窗

目标效果：

代码实现部分：

<div
  onClick={async ()=>{
    Modal.show({
      content: (
        <Card>
          <Form form={form} layout='horizontal'>
            <Form.Item name='room_no' rules={[{ required: true, message: '不能为空'}]}>
              <Input placeholder='请输入新房号' clearable />
            </Form.Item>
          </Form>
        </Card>
      ),
      closeOnAction: true,
      showCloseButton:true,
      actions: [
        {
          key: 'confirm',
          text: '确定',
          primary:true,
          onClick:async ()=>{
            const params = form?.getFieldsValue()
            console.log("paramsaaaaa",params);
        }}
      ]
    })
  }}
>
  <SearchBar placeholder='搜索' />
</div>