NG-ZORRO + Angular11增加自定义全局样式，不影响其他页面全局样式，仅作用于当前页面

实现只需要两步

ts

import { ViewEncapsulation } from '@angular/core';// 关键代码
@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['/test.component.less'],
  encapsulation: ViewEncapsulation.Emulated, // 关键代码
})

less

/deep/.ant-modal {
  top: 10px;
}

好了，你会发现其他页面还是原来的样子，仅仅只影响当前页面全局样式