Ant Design的模态框Modal组件样式无法在局部修改，即在组件所在的vue文件里对它写样式是无效的。
平时在局部作用域写样式，是针对 html 的标签，才有效。比如 div h input 等等

解决思路：

1、先看是否是优先级问题 导致的
2、在看组件是否支持样式扩展，如下图

3、若都不符合要求，就在全局样式里写。
例：
全局样式文件common.less

.demo-modal{
  .ant-modal-title{
    color: #ffffff;
    font-size: 20px;
    text-align: center;
  }
  .ant-modal-header {
    padding: 60px 20px;
    border-bottom: 0;
    background-image: url('/img/background.png');
  }
  .ant-modal-body {
    padding-bottom: 2px;
  }
  .ant-modal-footer {
    border-top: 0;
    padding: 0;
    padding-bottom: 20px;
    text-align: center;
  }
}

组件所在.vue文件：

<a-modal title="Demo" class="demo-modal" >
</a-modal>