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＆amp; S时，我遇到了这个问题。 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;
    }
}

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

2 个答案: