ExtJS：主题单一组件

Question

我的目标是更改一个面板的标题字体大小。

我试着阅读http://docs.sencha.com/extjs/4.2.1/#!/guide/theming，但我发现的所有内容都是整个应用程序，主题是项目中的所有面板和“主题JS覆盖”中的覆盖配置选项，但没有CSS变量覆盖单个组件。

有没有办法实现它而不必为整个项目烦恼这个SASS？

Answer 1

只需在面板中添加一个类，然后创建一个匹配的规则：

new Ext.panel.Panel({
    cls: 'foo',
    renderTo: document.body,
    title: 'X'
});

.foo .x-header-text {
    font-size: 24px;
}