Antd Model完全自定义

简介: Antd Model完全自定义

问题描述

想实现Antd Model弹出框的内容与样式完全自定义,关键在于设置title={null}footer={null}closable={false}bodyStyle={{padding: '0px'}}

解决办法

<Modaltitle={null}
footer={null}
modalRender={(modal: any) => (
modal          )}
bodyStyle={{padding: '0px'}}
centeredvisible={isShowSelectedLabelPopup}
onCancel={this.hideSelectedLabelPopup}
closable={false}
width={488}
><div>AntdModel内容与样式完全自定义</div></Modal>

如图

image.png

目录
相关文章
|
7月前
组件v-model
组件v-model
65 0
|
20天前
|
JavaScript 前端开发 API
Vue 3 中 v-model 与 Vue 2 中 v-model 的区别是什么?
总的来说,Vue 3 中的 `v-model` 在灵活性、与组合式 API 的结合、对自定义组件的支持等方面都有了明显的提升和改进,使其更适应现代前端开发的需求和趋势。但需要注意的是,在迁移过程中可能需要对一些代码进行调整和适配。
100 60
|
2月前
|
JavaScript API 开发者
关于vue3中v-model做了哪些升级 ?
【10月更文挑战第1天】
164 59
|
3月前
|
JavaScript
Vue2使用v-model封装ElementUI_Input组件
本文介绍了在Vue2中如何使用v-model封装ElementUI的Input组件。封装后的组件可以根据传入的title属性决定是否显示标题,支持正则表达式校验,并提供了在Vue页面中的使用示例。
120 5
|
5月前
vue2 自定义 v-model (model选项的使用)
vue2 自定义 v-model (model选项的使用)
864 1
|
5月前
|
JavaScript 编译器
|
5月前
vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)
vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)
212 0
|
7月前
vue2 系列:自定义 v-model
vue2 系列:自定义 v-model
149 0
|
7月前
Vite中使用 Model绑定组件值
Vite中使用 Model绑定组件值
51 0
|
7月前
|
JavaScript 编译器
组件 v-model
组件 v-model