sencha cmd 4和sencha touch 2.3在app.json中添加css

Question

我一直在使用Sencha touch 2.3和Sencha Cmd 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放在resources / 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時，我遇到了這個問題。

此外，您不需要引用app.json中的整個路徑

正確的app.json

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

正確的Cupertino.scss

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