Sencha Touch 2.2图标不显示基本主题

Question

我正在尝试制作自己的自定义主题，为此我导入Base主题。

我想给按钮添加这样的图标:

{
    xtype: 'button',
    align : 'left',
    name : 'btnName',
    iconCls : 'team',
    iconMask: 'true'
}

图标不显示，但如果我使用默认主题，它们会显示。并且我已经将变量$include-default-icons设置为true。

我的自定义按钮:

@mixin modus-button($color) {
    @include transition(all .25s ease);
    @include border-radius(6px);
    margin-bottom: 15px;
    font-size: 15px;
    background: $color;
    border: none;
    color: white;
    text-decoration: none;
    .x-button-label {
        padding: 10px 0;
    }
    &.x-button-pressing {
        background: darken($color, 10);
    } 
    // Default icon style
    .x-button-icon {
        width: 1.5em;
        height: 1.5em;
        &:before {
            font-size: 1.6em;
            line-height: 1em;
        }
    }
}

我应该添加什么来显示具有基本主题的图标?

Answer 1

尝试添加图标

@include icon('team');

还可以查看以下有用的链接

2.1中的几个图片图标在2.2中不可用

为Sencha Touch 2.2添加自定义字体图标