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

这是我目前正在处理的应用中的按钮用户界面定义：

@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

＆＃34;包＆＃34;文件夹是顶级 - 与＆＃34; app＆＃34;相同的级别文件夹中。

ExtJS6创建Button UI离子全局主题

1 个答案: