Sencha ExtJs 7.1自定义单个组件
我试图自定义单个组件CSS,避免自定义所有组件Sencha ExtJs 7.1自定义单个组件,extjs,components,themes,customization,extjs7,Extjs,Components,Themes,Customization,Extjs7,我试图自定义单个组件CSS,避免自定义所有组件 Ext.define('MyApp.tab.Panel', { extend: 'Ext.tab.Panel', header:{ xtype: 'myWorkspacesToolbar', items:[ .... ] }, items:[ .... ] 我只想自定义标题样式和他的子项(动态添加
Ext.define('MyApp.tab.Panel', {
extend: 'Ext.tab.Panel',
header:{
xtype: 'myWorkspacesToolbar',
items:[
....
]
},
items:[
....
]
我只想自定义标题样式和他的子项(动态添加),而不是面板项。
使用scss文件myWorkspacesToolbar.scss,例如:
$button-toolbar-color: #F00;
我更改所有按钮颜色(标题和面板项以及子项)
使用主题混合变量,我必须为标题中的单个字段设置UI,以获得CSS更改
最好的方法是什么?使用mixin创建所需的按钮,并将属性设置为标题中的按钮