作者:UU常璐图_302 | 来源:互联网 | 2023-01-18 11:13
你能告诉我如何将scss
文件添加到stackblitz
.我试过了.但它不起作用.请看到并告诉我.
我试过补充一下 home.html
这是项目: stackblitz
1> yurzui..:
Scss应该在stackblitz中工作:
@Component({
selector: 'page-home',
templateUrl: 'home.html',
styleUrls: [ './home.scss' ] <== add this
})
export class HomePage {
风格如
page-home {
.buttoncls {
默认封装(ViewEncapsulation.Emulated
)不适合你,因为page-home
它不是home
组件模板的一部分,而角度添加属性就像[_ngcontent-c0]
样式一样.
因此,我们可以改变page-home
对ion-list
,看看它是如何工作的:
Stackblitz示例(ViewEncapsulation.Emulated)
但我们可以禁用封装:
encapsulation: ViewEncapsulation.None
Stackblitz示例(ViewEncapsulation.None)
另见此主题
https://github.com/stackblitz/core/issues/1
正如EricSimons在9天前评论过的那样:
大家好!我们刚刚发布了SASS和LESS支持,我们也支持angular-cli.json配置:)