"ant-design-vue": "^3.2.20"

modal修改样式不生效

  <div ref="customModal">
    <!-- 使用 getContainer 将 a-modal 挂载到外层 div 上 -->
    <!-- 才能使用 :deep 修改 css -->
    <a-modal
      v-model:visible="modalVisible"
      :title="modalProps.title"
      :width="460"
      :getContainer="()=>$refs.customModal"
      centered
      @ok="modalVisible = false"
    >
 </div>
 
 // css
 <style scoped lang="less">
:deep(.ant-modal-header) {
  border-bottom: none;
}
:deep(.ant-modal-footer) {
  border-top: none;
  height: 70px;
  padding-bottom: 24px;
}
</style>