Extjs Sencha Touch 2：按面板更改背景CSS

也许我遗漏了一些东西，但这似乎是Sencha Touch中的一个bug，如果您使用入门模板作为基础模型，则无法使用CSS将特定面板作为标题栏的目标

Main.js（包含标题栏）调用所有其他面板，因为其他面板是标题栏所在Main.js的子面板，因此子面板无法设置父面板的背景色。在这种情况下，如果希望屏幕底部的导航栏（标题栏）将Home.js页面的颜色更改为子页面的颜色，则不可能。有人找到了解决办法吗

<div class="Sencha-App">
    <div class="Panel"></div>
    <div class="TitleBar"> </div>
</div>

---

如果标题栏是Panel的子项，那么问题很容易解决，但由于它只是Sencha应用程序的子项，因此无法使用CSS使标题栏动态。这是否意味着我唯一能做的就是使用JavaScript查找是否存在与“myPanel”相等的类，如果存在，请将标题栏的背景设置为某种颜色？或者使用入门教程中使用的架构以外的架构？

这可能对您有所帮助……
要更改工具栏的颜色/样式，可以在.scss文件中创建特定的UI 并使用compass进行编译，compass将反映.css文件中的更改 然后将此UI设置为工具栏

$base color:#279806
$base gradient:'光泽'
$base active:#279806
@包括sencha tabbar ui（“TabUI”）、$base color、$base gradient、$base active）

var tabPanel=新的Ext.tabPanel({ ui:‘TabUI’

---

});

不确定我是否遗漏了什么或者我对SASS理解不够。这将允许您更改选项卡面板的颜色，但这仍然不允许选项卡面板在面板更改时更改颜色，是吗？SASS也不能参考父母，所以我不确定这能实现什么，你能解释一下当我改变面板时它是如何改变颜色的吗？谢谢你的回复。