首页 > 其他 > 详细

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

时间:2021-06-07 00:44:13      阅读:27      评论:0      收藏:0      [点我收藏+]

实现只需要两步

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;
}

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

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

原文:https://www.cnblogs.com/sugartang/p/14850616.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!