1

也许我遗漏了一些东西，但它似乎是 Sencha Touch 中的一个错误，如果您使用入门模板作为基本模型，则无法使用带有 CSS 的特定面板定位 TitleBar。

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

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

如果 TitleBar 是 Panel 的子级，则问题将很容易解决，但由于它只是 Sencha-App 的子级，因此无法使用 CSS 使 TitleBar 动态化。这是否意味着我唯一能做的就是使用 JavaScript 来查找是否有一个等于“myPanel”的类，如果有，请将 TitleBar 的背景设置为某种颜色？或者使用一些不同于他们在入门教程中使用的架构？

4

1 回答 1

0

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

$基色：#279806；
$base-gradient: '光泽';
$base-active:#279806;
@include sencha-tabbar-ui('TabUI', $base-color, $base-gradient, $base-active);

var tabPanel = new Ext.TabPanel({ ui:'TabUI' });

于 2012-04-13T08:59:23.487 回答