sencha touch：我无法设置 Sencha Touch / ExtJS 应用程序的主题答案

【问题标题】：sencha touch: I could not theme Sencha Touch / ExtJS applicationsencha touch：我无法设置 Sencha Touch / ExtJS 应用程序的主题
【发布时间】：2014-03-24 15:35:53
【问题描述】：

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

我尝试创建 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 的情况。

--斯里达

【问题讨论】：

标签： extjs4.2 sencha-architect sencha-touch-theming sencha-touch-2.3

【解决方案1】：

如果您已经在使用 Sencha Architect，那么如果您使用的是最新版本，主题就会内置。请参阅 Sencha 博客中的 this post。

【讨论】：

感谢您的回复。是的，我们在 Sencha Architect 中有默认主题，例如 DefaultTheme、BlackBerry、MountainView。我想根据我的公司标准创建类似于默认主题的主题，这将在我所有的 sencha 应用程序中使用。这可能吗？
右键单击您的主题并点击“导出到文件”，这将创建一个 XDC 文件。然后您可以选择 EDIT > IMPORT COMPONENT 并将该 XDC 文件导入其他项目。

【解决方案2】：

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

【讨论】：

【解决方案3】：

我没用过煎茶建筑师。

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

【讨论】：