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

Posted

技术标签:

【中文标题】sencha cmd 4 和 sencha touch 2.3 在 app.json 中添加 css【英文标题】:sencha cmd 4 and sencha touch 2.3 adding css in app.json 【发布时间】:2013-10-22 08:28:55 【问题描述】:

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

【问题讨论】:

基本上,我无法通过 app.json 添加外部 CSS !! Sencha Cmd 4 发生了什么变化??? 我仍然在运行同样的问题,虽然几天前,我在 sencha 论坛上打开了类似的帖子,但提供的解决方案似乎不起作用:sencha.com/forum/… 【参考方案1】:

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

【讨论】:

太棒了,为什么这不是写在“主题介绍”教程中!!【参考方案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;
    

【讨论】:

不仅仅是 cupertino.css。我想通过 app.json 添加的任何外部 css 都面临这个问题。它没有反映。但正如@jeff 指出的那样,运行 sencha app refresh 有效!

以上是关于sencha cmd 4 和 sencha touch 2.3 在 app.json 中添加 css的主要内容,如果未能解决你的问题,请参考以下文章

Sencha CMD 4 无法为 iOS 打包

EXTJS - 动态包加载 Sencha Cmd 7.4

Sencha CMD 构建过程应用于现有的 ExtJs 4.1 应用程序

sencha cmd 创建项目

ExtJs Sencha Cmd创建项目以及编译项目

Sencha Touch cmd - 不同的 sencha.cfg 文件有啥作用?