EXTJS 5:选项卡面板上的自定义 UI 不起作用

Question

我正在使用ExtJS-5的标准主题之一

我一直在努力为tabpanel上的选项卡创建自定义ui。

一旦我在tabpanel上指定ui，标签条就停止显示

saassrctabPanel.scss我把以下内容——

@include extjs-tab-panel-ui(
$ui: 'alternative',
$ui-tab-background-color: red,
$ui-tab-color: green
);

在我的tabpanel中，我指定了——

ui: 'alternative',

不知道我做错了什么。构建上没有错误

Answer 1

问题是 UI 也适用于选项卡面板的子项。如果您调查生成的 DOM，则可以看到这一点。但是，没有相应的 CSS，因此 DOM 节点的高度通常为零。

您需要声明您的选项卡面板，如下所示：

{ xtype: 'tabpanel',
ui: 'alternative',
tabBar: { ui: 'default' },
...
}

有关此内容的更多信息，请参阅 https://twasink.net/2013/09/08/lessons-learnt-from-a-bug/