在面板上使用多个用户界面

Question

我想用2个不同的UI自定义面板的标题和主体背景颜色。

标题必须通过“ cpTilePanelHeader-X” ui

进行自定义

必须通过 cpTilePanelBody-Y 用户界面自定义

X 和 Y 是两个不同的数字，两个面板可以具有不同或相同的标题和正文，因此我无法为标题和标题执行单个ui身体原因x的范围在0-2之间，y的范围在1-4之间，这使我组合过多（实际上不多，但是Y很快就会从数据库中动态化，所以...）

以下是uis的示例：

@include extjs-panel-ui(
    $ui: 'cpTilePanelHeader-1',
    $ui-header-background-color: #41b6d8,
    $ui-header-border-color: #41b6d8
);

@include extjs-panel-ui(
    $ui: 'cpTilePanelBody-4',
    $ui-body-border-color: #f71c1c
);

当我尝试像这样在面板上添加两个带空格的ui时：

{
    xtype: 'panel',
    title: 'life is blue',
    ui: 'cpTilePanelHeader-1 cpTilePanelHeader-4'
}

给我的东西：

  

未捕获的错误：数组中的类名称不能包含空格

您有一些技巧吗？

非常感谢您的阅读和将来的答案。