煎茶触摸2：通过面板

Question

背景CSS的变化也许我失去了一些东西，但它似乎是在煎茶触摸的错误，你不能，如果你使用的是入门模板作为基础模型与CSS定位与特定面板TitleBar中。

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

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

这个问题将迎刃而解，如果如果TitleBar中是面板的一个孩子，但因为只有你的煎茶 - 应用程序的孩子有没有办法使标题栏动态的CSS。这是否意味着我唯一能做的就是使用JavaScript来查找是否存在与“myPanel”相等的类，如果是这样，则将TitleBar的背景设置为某种颜色？或者使用一些架构，而不是他们在入门教程中使用的架构？

Answer 1

可能这可以帮助你......
改变颜色/工具栏的风格，你可以在.scss文件 创建特定的用户界面，并使用指南针，这将反映在您的.css文件的更改编译 那么就设置这个UI到工具栏

$基色：＃279806;
$ base-gradient：'glossy';
$ base-active：＃279806;
@include sencha-tabbar-ui（'TabUI'，$ base-color，$ base-gradient，$ base-active）;

var tabPanel = new Ext.TabPanel（{'991''''''''''''''）';