antd React--如何修改Modal弹出位置

最新推荐文章于 2025-07-29 16:46:09 发布

聆听。。花开雨落

最新推荐文章于 2025-07-29 16:46:09 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

文章标签： react.js

本文链接：https://blog.youkuaiyun.com/sofeware333/article/details/131803677

该段代码展示了一个用于配置人员基本信息的Modal组件，具有关闭功能，宽度设定为800像素，并可以通过样式调整其在页面上的位置。用户点击关闭按钮或利用handlePersonBaseInfoClose函数可以关闭模态框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Modal
  title="人员基本信息配置"
  visible={personBaseInfoModalVisible}
  onCancel={handlePersonBaseInfoClose}
  width={800}
  footer={[
    <EButton title={"关闭"} onClick={handlePersonBaseInfoClose}/>
  ]}
  style={{
    top: "10px" //调整浮层位置
  }}
>
</Modal>

加入这行代码即可

style={{ top: "10px" //调整浮层位置 }}

关注博主即可阅读全文