ExtJS 6自定義UI

Question

我試圖自定義我的按鈕的樣式。當我添加一個創建的UI到我的按鈕時，它會消失。

@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' 
     } 
    ] 
});