素材巴巴 > 程序开发 >

ant-desgin for vue. Modal组件修改样式无效问题

程序开发 2023-09-08 19:54:05

简介:在最新的项目研发过程中使用ant-desgin 的model组件时,需要重新写样式,发现无论是加deep还是去掉scoped都无法生效。是因为它需要挂载到html节点上
详细使用过程如下

createCreative"title="标签"@ok="handleOk":keyboard="false">

在这里插入图片描述

  .create-creative {:deep(.ant-modal) {.ant-modal-content {width: 320px !important;height: 240px;background: #ffffff;box-shadow: 0px 4px 19px 1px rgba(25, 33, 47, 0.2);border-radius: 8px;.ant-modal-close-x {color: #19212f;width: 56px;}.ant-modal-header {border-radius: 8px;}.ant-modal-footer {text-align: center;border-top: none;margin-top: 20px;.ant-btn-primary {background: #2468f1;color: #fff;}}}}}

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。