NG-ZORRO + Angular11增加自定义全局样式,不影响其他页面全局样式,仅作用于当前页面
2024-10-21 11:35:48
实现只需要两步
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;
}
好了,你会发现其他页面还是原来的样子,仅仅只影响当前页面全局样式
最新文章
- .NET开发人员必看:提高ASP.NET Web应用性能的24种方法和技巧
- CentOS 7部署Node.js+MongoDB:在VPS上从安装到Hello world
- 如何正确做 Web端压力测试?
- css3实现进度条的模拟
- nginx常用变量
- weblogic .NoClassDefFoundError: Could not initialize class sun.awt.X11Graphi
- Linux系统下修改环境变量PATH路径的三种方法
- mvc json post执行顺序
- Oracle EBS-SQL (PO-17):检查供货比例不为100%.sql
- OpenGL中glFrustum()和gluPerspective()的相互转换
- 异常捕获拒绝闪退 让应用从容的崩溃UncaughtExceptionHandler
- 说说Java代理模式
- Session, Token, OAuth 鉴权那些事儿
- C#基础加强(3)之值、引用类型及结构体
- 机器学习算法(KNN)
- python 3以上版本使用pickle.load读取文件报UnicodeDecodeError: 'ascii' codec can't decode byte 0x8b in position 6
- SFM学习记录(二)
- PHP Redis 全部操作方法 转载
- Shell记录-Shell命令(文件查找)
- leetcode67