默认支持modal宽度修改但是高度.ant-modal-body,默认不支持修改,所以需要先通过挂在元素再css穿透/deep/ .ant-modal-body{} 修改样式 可以看到修改成功效果:
通过API说明可知,a-modal默认挂载在body下,所以我们可以通过getContainer来改变modal挂载的HTML节点,使其当前组件内的样式生效,具体方案如下: 源代码如下: <template><divref="gismap"><a-modalref="modal":centered="centered":visible="visible":class="getClass(modalClass)":style="getStyle(modalStyle)":bodyS...
<Modal @on-cancel="modalCancel" class="uploadPhoto" v-model="modalVmodel" width="900" :mask-closable="false" title="上传图片"> <div class='divFormClass'> 111 </div> <div slot="footer"> <Button @click="modalCancel">关闭</Button> <Button type="primary" @click="modalSave">保存</B...
height: 600px; width: 1000px; } div /deep/ .ant-modal-body{ height: 80%; width: 100%; } </style> 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.