ExtJS6 在全局主题上创建按钮 UI

Question

在阅读了 ExtJS6 中的主题化文档后，我完全感到困惑。我想要做的就是为一个小工具栏按钮创建一个全局 UI：

@include extjs-button-toolbar-small-ui(
   $ui: 'tbbutton',            
   $background-color: #FF000,
)

该文件名为 TBBUTTON.scss，但无论我将它放在 workspace/packages/my-theme/sass 文件夹中的什么位置，当我通过按钮配置将 ui:'tbbutton' 分配给它时，我都无法使其工作。有人可以为我提供更清晰的路径吗？

Answer 1

这是我目前正在开发的应用中的按钮 UI 定义：

@include extjs-button-small-ui(
        $ui: 'app-iconbutton',
        $background-color: #eeeeee,
        $background-color-focus: #fff,
        $background-color-pressed: #fff,
        $background-color-focus-pressed: #fff,
        $border-color: #fff,
        $border-color-focus: #fff,
        $border-color-pressed: #fff,
        $border-color-focus-pressed: #fff,
        $glyph-color: #4a4a4a,
        $glyph-opacity: 1,
        $color: #4a4a4a
);

该代码来自 ExtJS 6.0.1 应用程序，文件位于：packages/local/THEME_NAME/sass/src/button/Button.scss

"packages" 文件夹是顶级文件夹 - 与 "app" 文件夹同一级别。

ExtJS6 在全局主题上创建按钮 UI

ExtJS6 Create Button UI ion a global Theme

themes

extjs6