Sencha Touch 2.2 图标不与 Base 主题一起显示

Posted 2023-02-26

【中文标题】Sencha Touch 2.2 图标不与 Base 主题一起显示

【英文标题】：Sencha Touch 2.2 icons not displaying with Base theme

【发布时间】：2013-06-20 11:08:52

【问题描述】：

我正在尝试制作自己的自定义主题，为此我导入了 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;
        
    

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

【参考方案1】：

尝试包含图标

@include icon('team');

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

Several pictos icons in 2.1 not available in 2.2

Adding Custom Font Icons to Sencha Touch 2.2

【讨论】：

是的，我忘了包含图标，这很奇怪，因为我认为如果您将 $include-default-icons 设置为 true，它们会自动包含在内...无论如何，谢谢！