extjs4.2 - sencha touch：我无法为 Sencha Touch / ExtJS 应用程序设置主题

Question

我正在使用 sencha 架构师开发一个 sencha 触摸应用程序。我必须根据我公司在应用程序中的标准更改背景颜色、字体颜色、字体系列和图标。

我试图创建 SASS 文件
@import 'sencha-touch/base'; @import 'sencha-touch/base/all'; $myapp-font-family:"Arial"; $myapp-gray:'#707070'; .x-body{ font-family:$myapp-font-family; background-color:myapp-gray; } .x-panel{ background-color:$myapp-gray; }

它不工作/反映。

问题：我们如何进行主题应用。我们如何在应用程序中同时使用 sass 和 css。我也想知道 ExtJS 的情况。

——斯里达尔

Answer 1

如果您已经在使用 Sencha Architect，那么如果您使用的是最新版本，则主题是内置的。请参阅Sencha 博客中的这篇文章。

Answer 2

我没有使用过sencha架构师。

但是，如果它是关于使用 sass 和 css 来主题化 sencha 应用程序，那么来自 moduscreate 的这篇文章将非常有助于开始。

Answer 3

在 sencha touch 中，您必须使用命令sencha app build来编译 sass 文件。对于样式编辑，您还可以使用sencha app watch，这样 sencha cmd line 工具将监听您的 sass 文件中的更改并自动重建您的项目。