6

我一直在使用 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设置在哪里呢?

4

2 回答 2

18

Sencha CMD 4 使用 bootstrap.js 文件来启动应用程序。运行sencha app refresh命令以使用 app.json 文件中定义的 css 属性更新 bootstrap.js 文件。

于 2013-10-25T21:43:58.720 回答
1

您能否发布您的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;
    }
}
于 2013-10-25T23:41:10.347 回答