2013-10-22 3 views
6

나는 Sencha Cmd 3에서 Sencha touch 2.3을 사용하고 있으며 아무런 문제가 없습니다.sencha cmd 4 및 sencha touch 2.3 app.json에서 CSS 추가

최근 Sencha Cmd 4로 업그레이드하여 새로운 Sencha Touch 2.3 앱을 생성했습니다.

지금, 나는하여 app.json 파일에 다음을 추가하여 테마를 변경하려고 :

"css": [ 
    { 
     "path": "touch/resources/css/cupertino.css", 
     "platform": ["chrome", "safari", "ios", "ios-classic", "android", "firefox"] 
     "theme": "Cupertino", 
     "update": "delta" 
    }, 
], 

와 나는 이전에 기존 코드 제거 :

{ 
    "path": "resources/css/app.css", 
    "update": "delta" 
} 

이되지 않습니다 앱에 반영됩니다. 뭐가 잘못 되었 니 ? 이는 문서에서 제안하는 접근 방식입니다. 그러나 그것은 단지 일어나지 않고 있습니다. 직접 cupertino.css리소스/css 경로에 놓은 다음 app.css으로 이름을 바꿉니다. 그렇다면 app.css은 어디에 설정되어 있습니까?

+0

기본적으로

올바른 app.json에게 app.json 내부

"css": [ { "path": "resources/css/cupertino.css", "platform": ["chrome", "safari", "ios", "ios-classic", "android", "firefox"] "theme": "Cupertino", "update": "delta" }, ], 

올바른 Cupertino.scss을 전체 경로를 참조 할 필요가 없습니다, 난 그냥 질수 추가 app.json을 통한 외부 CSS! Sencha Cmd 4에서 무엇이 변경 되었습니까 ??? – senchaDev

+0

나는 여전히 같은 문제를 겪고있다. 며칠 전 sencha 포럼에 유사한 스레드를 열었지만 제공된 솔루션은 작동하지 않는 것처럼 보였다. http://www.sencha.com/forum/showthread.php?274253-Sencha- touch-2.3-them-not-default-by-default & p = 1005178 # post1005178 – Malloc

답변

18

Sencha CMD 4는 bootstrap.js 파일을 사용하여 응용 프로그램을 시작합니다. sencha 앱 새로 고침 명령을 실행하여 appstj 파일에 정의 된 CSS 등록 정보로 bootstrap.js 파일을 업데이트하십시오.

+1

화려한! 이 작품! 어디서나 문서화되어 있습니까? – senchaDev

+1

놀랍습니다. '소개에 대한 소개'튜토리얼이 아닌 이유는 무엇입니까! – EralpB

+0

시간이 절약되었습니다! –

1

cupertino.scss 파일을 게시하여 모든 것이 올바른 방식으로 구성되어 있는지 확인하십시오. 나는 Sencha Touch 2.3 & CMD4로 마이그레이션 할 때이 문제에 직면했다. 또한

당신이

@import 'sencha-touch/cupertino'; 
@import 'sencha-touch/cupertino/all'; 
$background-color: #fff !default; 
$primary-text-color: $ios7-blue !default; 
$secondary-text-color: #000 !default; 

@import 'shared'; 
.charttoolbar { 
    .x-button { 
     border: 1px solid $ios7-blue; 
     background-color: white; 
    } 
} 
+1

그냥 cupertino.css 만있는 것이 아닙니다. app.json을 통해 추가하고자하는 외부 CSS에이 문제가 발생했습니다. 그것은 반영되지 않았습니다. 하지만 @jeff가 지적한대로 실행중인 sencha 앱 새로 고침이 효과가있었습니다. – senchaDev