Sencha ExtJs 7.1自定义单个组件

Question

我正在尝试自定义单个组件CSS，避免自定义所有组件。

Ext.define('MyApp.tab.Panel', {
extend: 'Ext.tab.Panel',

header:{
xtype: 'myWorkspacesToolbar',
items:[
....
]       

},
items:[
....
]

我只想自定义HEADER样式和他的子项(动态添加(，而不是Panel项。使用scss文件myWorkspacesToolbar.scss，例如：

$button-toolbar-color: #F00;

我更改所有按钮的颜色(标题和面板项目以及子项目(。

使用主题混合变量，我必须为标题中的单个字段设置UI，以获得CSS更改。

最好的方法是什么？

Answer 1

使用extjs按钮ui mixin创建所需的按钮，并将ui属性设置为标题中的按钮