2014-02-06 5 views
4

내 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 리소스)의 테마에 파일을 추가하고 앞서 언급 한 코드를 추가했습니다.

답변

2

건축가는 전체 테마 지원을 제공하기 때문에이 파일을 무시합니다. 사용자 정의 scss를 추가하려면 리소스 아래의 테마를 클릭하십시오. 구성 패널에는 scss 구성이 표시됩니다. scss 리소스를 추가하려면 (+) 아이콘을 클릭하십시오.

옆에있는 (->) 버튼을 클릭하거나 테마 아래의 속성에서 선택하여 선택하십시오. 코드보기로 전환하여 scss에 붙여 넣습니다.

+1

나와 공유해 주셔서 감사합니다. 내 문제를 해결하는 데 도움이되었습니다. – Bram

+1

'자동'sencha/default/all 가져 오기를 제거하고 대신 여기에 설명 된 기술을 사용할 수 있습니까? http://www.sencha.com/blog/4-tricks-for-smaller-css-in- touch-22 – Bram

+0

scss 파일을 편집하여이 작업을 수행 할 수 있습니다. 아마도 우리는 자동화 된 방식으로이를 수행하지는 않습니다. –