내 sencha 설계자 프로젝트에 사용자 정의 글꼴 아이콘을 추가하고 불필요한 테마 클래스를 제거하려고하지만 Sencha Architect가 app.scss를 전혀 사용하지 않는 것으로 보입니다. 리소스/내 프로젝트의 폴더). 내가 만든 변경 사항은 건축가 나 응용 프로그램을 시작할 때 적용되지 않습니다.Sencha Architect 3에서 app.css를 사용하지 않습니다
app.scss
$include-pictos-font:
false; $include-default-icons: false;
@import 'sencha-touch/default';
@import'sencha-touch/default/src/Class';
@include icon-font('CustomFont', inline-font-files(
'customFont/customFont.woff', woff, 'customFont/customFont.ttf',
truetype, 'customFont/customFont.svg', svg));
@include icon("map" , "e600", "CustomFont"); @include
icon("check_filled", "e602", "CustomFont");
그냥 내가 CSS로하는 SCS 파일을 컴파일했고, 그것은 잘 컴파일 언급.
좀 더 자세히 설명해주세요.
내가 사용하고 :
- 센차 아키텍트 3.0.2.1375
- 명령 : 4.0.2.67
- 프레임 워크 : 센차 터치 인 2.3.x
UPDATE :
Architect는 테마 이유로 app.scss 파일을 사용하지 않습니다 (Phill의 게시물 참조). 아이콘 글꼴을 삽입하려고 할 때 또 다른 문제가 발생했습니다. 글꼴 파일을 찾을 수 없습니다. 그 이유는 다음 포스트에서 언급 : http://www.sencha.com/forum/showthread.php?280895-How-to-correct-the-Font-theming-in-Architect3
다음 코드는 문제를 해결하고 난 행복하게 이제 나의 새로운 아이콘 폰트를 사용할 수 있습니다
$font-files:
url('../resources/sass/stylesheets/fonts/bla/bla.woff') format("woff"),
url('../resources/sass/stylesheets/fonts/bla/bla.ttf') format("truetype"),
url('../resources/sass/stylesheets/fonts/bla/bla.svg') format("svg");
@include icon-font('IcoMoon', $font-files);
@include icon("map" , "\e600", "IcoMoon");
@include icon("check_filled", "\e602", "IcoMoon");
명시합니다. Architect (scss 리소스)의 테마에 파일을 추가하고 앞서 언급 한 코드를 추가했습니다.
나와 공유해 주셔서 감사합니다. 내 문제를 해결하는 데 도움이되었습니다. – Bram
'자동'sencha/default/all 가져 오기를 제거하고 대신 여기에 설명 된 기술을 사용할 수 있습니까? http://www.sencha.com/blog/4-tricks-for-smaller-css-in- touch-22 – Bram
scss 파일을 편집하여이 작업을 수행 할 수 있습니다. 아마도 우리는 자동화 된 방식으로이를 수행하지는 않습니다. –