Javascript ExtJS6自定义用户界面

我正在尝试自定义我的按钮样式。当我将一个创建的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'
        }
    ]
});

知道我做错了什么吗

---

提前感谢。

您需要创建Button.scss文件 路径：customTheme\sass\src\button\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'
        }
    ]
});

---

是的，我在

ui:'testui'

中遗漏了一个撇号，而且我不得不从路径中删除由sencha cmd:customTheme\src创建的目录src