1

何かが足りないのかもしれませんが、Getting Started テンプレートを基本モデルとして使用している場合、CSS を使用して特定のパネルで TitleBar をターゲットにできないのは、Sencha Touch のバグのようです。

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を作成し、.cssファイルの変更を反映するコンパスを使用してコンパイルし、このUIをツールバー

$ base-color：＃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 に答える