ant-design UI库 一些api用法总结

• a-modal

1. 设置高度

   方法1：在a-modal标签上增加一个calss类名，并单独写在style中，不可放在含有scope属性的style标签中。

   方法2：在a-modal标签外层增加一个包裹层，并设置 ref=“replayModal”；

   在a-modal的标签上加上 :getContainer=" () => $refs.replayModal"

   然后设置

   <style lang="scss" scope>
       /deep/ .ant-modal-body{heihgt:600px}
   </style>

2. 自定义footer 按钮
   针对vue3.0用法

   <a-modal
       v-modal:visible="showModal"
       title=""
       @ok="handleSubmitForm"
   >
       <template v-slot:footer>
           <a-button type="primary" @click="handleSubmitForm">关闭</a-button>
       </template>
   </a-modal>