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

目录
相关文章
|
6月前
组件v-model
组件v-model
61 0
|
6月前
|
JavaScript
Vue3的v-model说明和使用方法
Vue3的v-model说明和使用方法
144 1
|
2月前
|
JavaScript
Vue2使用v-model封装ElementUI_Input组件
本文介绍了在Vue2中如何使用v-model封装ElementUI的Input组件。封装后的组件可以根据传入的title属性决定是否显示标题,支持正则表达式校验,并提供了在Vue页面中的使用示例。
63 5
|
4月前
vue2 自定义 v-model (model选项的使用)
vue2 自定义 v-model (model选项的使用)
703 1
|
4月前
|
JavaScript 编译器
|
4月前
vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)
vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)
165 0
|
6月前
vue2 系列:自定义 v-model
vue2 系列:自定义 v-model
131 0
|
6月前
Vite中使用 Model绑定组件值
Vite中使用 Model绑定组件值
48 0
|
6月前
|
JavaScript 编译器
组件 v-model
组件 v-model
|
6月前
|
JavaScript
Vue的基本组件3.1(v-model)
Vue的基本组件3.1(v-model)
40 0
Vue的基本组件3.1(v-model)