sencha cmd 4とsencha touch 2.3 app.jsonでCSSを追加

Question

私はSencha Cmd 3でSencha touch 2.3を使用していましたが問題はありませんでした。

最近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はどこに設定されていますか？

Answer 1

Sencha CMD 4は、bootstrap.jsファイルを使用してアプリケーションを起動します。 sencha app refreshコマンドを実行して、app.jsonファイルで定義されているCSSプロパティでbootstrap.jsファイルを更新します。

Answer 2

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; 
    } 
}