ExtJS 6 пользовательский интерфейс

Question

Я пытаюсь настроить стиль моих кнопок. Когда я добавляю один из созданных пользовательских интерфейсов к моей кнопке, он исчезает.

@include extjs-button-small-ui(
     $ui: 'test-ui', 
     $font-weight: bold, 
     $padding: 5px, 
     $background-color: #fff 
); 



Ext.define('MyHeader', { 
    extend: 'Ext.panel.Header', 
    xtype: 'my-header', 

    items: [ 
     { 
      xtype: 'button', 
      ui: 'test-ui', 
      text: 'Foo Bar' 
     } 
    ] 
}); 

Любые идеи, что я делаю неправильно здесь?

Заранее спасибо.

Answer 1

Вам нужно создать файл Button.scss путь: customTheme \ дерзость \ SRC \ кнопка \ Button.scss

Включить код:

@include extjs-button-small-ui(
     $ui: 'test-ui', 
     $font-weight: bold, 
     $padding: 5px, 
     $background-color: #fff 
); 

в файле.

Также, пожалуйста, найти правильный фрагмент кода ниже:

Ext.define('MyHeader', { 
    extend: 'Ext.panel.Header', 
    xtype: 'my-header', 

    items: [ 
     { 
      xtype: 'button', 
      ui: 'test-ui', 
      text: 'Foo Bar' 
     } 
    ] 
});