extjs - sencha touch 2 アプリのすべてのパネルとコンテナの背景色を変更する方法

Question

煎茶アプリのテーマを変更したいのですが、タッチスタイルアプリのような煎茶タッチアプリのすべてのパネルとコンテナの背景色を変更する方法を知りたいです。

タイトル バー、タブ パネルの色を変更しましたが、パネルとコンテナーの色を変更する方法がわかりません。

Answer 1

スタイル設定を設定します。

style: {
    background: 'red'
}

編集：clsパネルの構成を設定できます。例：cls: red-bgそしてあなたのスタイルシートで：

.red-bg .x-panel-body{
    background-color : red !important;
}

Answer 2

ふたつのやり方：

まず（パネルで直接変更）：

new Ext.Panel({
    width:200,
    height:200,
    bodyStyle:{"background-color":"red"}, 
    renderTo: document.body
});

2番目(CSSクラスを追加し、パネルの「bodyCssClass」プロパティで使用):

.x-panel-body{
background-color: blue}