extjs - 如何更改 sencha touch 2 应用程序的所有面板和容器的背景颜色

Question

我正在尝试更改 sencha 应用程序的主题，我想知道如何更改 sencha 触摸应用程序的所有面板和容器的背景颜色，例如touchstyle 应用程序

我更改了标题栏、选项卡面板颜色，但我不知道如何更改面板和容器的颜色。

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
});

第二（添加 CSS 类并在 Panel 的 'bodyCssClass' 属性中使用它）：

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