修改vue antdesign的modal框的样式

修改vue antdesign的modal框的样式antd中大部分组件的样式都可以使用/deep/直接修改，但modal这个组件有点特殊，有很多部分靠这个方法改不掉。结果发现官方文档中有提到getContainer这个api，也就是直接指定将modal挂载到某个节点下。于是就可以在modal框外包裹一层div，并且赋予ref属性，这样就可以再用/deep/修改样式了。具体看下图：...

baidu_40660633

10072人浏览 · 2020-04-30 16:38:01

baidu_40660633  ·  2020-04-30 16:38:01 发布

修改vue antdesign的modal框的样式

antd中大部分组件的样式都可以使用/deep/直接修改，但modal这个组件有点特殊，有很多部分靠这个方法改不掉。结果发现官方文档中有提到getContainer这个api，也就是直接指定将modal挂载到某个节点下。于是就可以在modal框外包裹一层div，并且赋予ref属性，这样就可以再用/deep/修改样式了。具体看下图：

# css

Vue

前往低代码交流专区

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定