Question

我想创建最大化或最小化的工具类型：

{
        type: 'my-type-name',
        tooltip: 'Make Toolbar Float',
        listeners: {
            click: function(panel , e , owner , eOpts){}
}

要实现我已经在Tool.scss中创建了类，就像在基于主题的

中一样

.#{$prefix}tool-tool-type-my-type-name{
    @include icon($tool-my-type-name-icon);
}

但是图标是私有的mixin并且在Tool.scss中不可见。之后我创建了该类的声明：

 .#{$prefix}tool-tool-type-my-type-name{
    content: $fa-var-external-link;
    font-family: $font-icon-font-family;
    font-size: $tool-glyph-font-size;
    color: red;
    width:$tool-glyph-font-size;
    height:$tool-glyph-font-size;
}

这没有帮助。

Answer 1

在var / ... Tool.scss

中

// custom icons:
$tool-my-type-name-glyph: dynamic($fa-var-external-link $tool-glyph-font-size $font-icon-font-family);

在src ... / Tools.scss

  .#{$prefix}tool-my-type-name {
        @if $enable-font-icons and $tool-my-type-name-glyph != null) {
            @include font-icon($tool-my-type-name-glyph);
            background: none;
        } @else {
            background-position: 0 ($tool-size * -2);
        }
    }

如何为面板标题创建自定义工具类型？

1 个答案: