오늘 저는 ionic 3을 처음 사용하기 시작했습니다. 나는 그것에 대해 아무 것도 모른다. 그래서 그것이 어떻게 작동 하는지를 알고 싶다.ionic 3 프로젝트에서 app.scss 파일 사용하기
사이드 프로젝트를 만들었으니 이제 내 app.scss에 일부 글로벌 스타일을 추가하여 프로젝트의 모든 페이지에서 사용할 수 있습니다. 글쎄, 내 app.scss에 간단한 스타일을 추가했지만 아무것도 내 페이지에서 발생합니다. 모든 것은 여전히 동일하게 보입니다. 이제 내 질문은 : 어딘가에 app.scss를 가져와야합니까? 그렇다면 어디에서? 아니면 app.scss를 어떻게 사용할 수 있습니까?
내 페이지가 내 app.scss의 클래스도 사용한다는 것은 자동으로 발생한다고 생각했지만 자체 스타일 시트가 아니라 내게는 app.scss의 클래스조차 모르는 것처럼 보입니다. . app.scss 내
당신은 클래스는 HTML에 class="class-name"로 일반적으로 사용할 만들 수 있습니다.
희망이 당신을 도왔습니다.
어디서나 가져올 필요없이 바로 사용할 수 있습니다. 몇 가지 그러나 유의해야 할 사항은 다음과 같습니다
예를 들어 당신은 다음과 같은 추가 토스트 메시지에 줄 바꿈을 사용하려는 경우처럼 당신이 전역 범위에 추가하고 싶은 일이 있습니다
.toast-message {
white-space: pre-line;
}
하는 경우가
.ios {
... // your iOS-specific css rules
}
만 안드로이드 (재 설계)에 대한 somehing를 추가 할 경우에는 MD의 하위 요소로 추가 : 당신은 IOS 클래스의 하위 요소로 추가 만 iOS 용 무언가를 추가 할 수업 :
.md {
... // your android-specific css rules
}
Windows 전화의 경우 wp 클래스가 필요합니다.
ionics theming docs을 확인하십시오.
글쎄, 정확히 내가 한 일이지만 내 페이지의 스타일을 변경하지 않습니다. 또한 약간의 글로벌 스타일링을 추가하는 것이 그렇게 어려울 수는 없기 때문에 좀 이상하다고 생각합니다.하지만 제대로 작동하지 않으며 이유를 모르겠습니다. – BlueCat
나는이 방법으로'ion-app {.warning {color : color ($ colors, warning); }}'. 나를위한 그 일. –
** app.scss **를 보내 주시기 바랍니다. –