Angular ViewEncapsulation

今天在写项目的时候发现一个问题,在自定义组件的.scss文件中添加的样式应用不上。

代码如下:

sp-pay-wait{
.header-wrap{
white-space: normal !important;
text-align: center !important;
}
}

看了一下,最后生成的css样式为:
sp-pay-wait[_ngcontent-c25] .header-wrap[_ngcontent-c25] {
  white-space: normal !important;
  text-align: center !important;
}

导致样式应用不上,查了一下说是 需要将组件中 encapsulation 设置为 ViewEncapsulation.None。

具体可参考 https://segmentfault.com/a/1190000008677532

猜你喜欢

转载自www.cnblogs.com/zhaidq/p/10375246.html
0条评论
添加一条新回复