【问题标题】: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 将非常有助于开始。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-01-05
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多