Sencha touch Sencha触摸定制图标css

我的设计师已经为我完成了一个html页面。请参阅下面的html

<li><div aria-hidden="true" data-icon="&#xe030;"></div>Setting</li>
        <li><div aria-hidden="true" data-icon="&#xe0cb;"></div>Black Button</li>
        <li><div aria-hidden="true" data-icon="&#xe2b5;"></div>Blue Button</li>
        <li><div aria-hidden="true" data-icon="&#xe050;"></div>Back</li>
        <li><div aria-hidden="true" data-icon="&#xf024;"></div>Notifications</li>

senchaTabPanel.js

    Ext.define('blackbutton.view.Main', {
    extend: 'Ext.tab.Panel',
    xtype: 'main',
    id:'main',
    cls: 'slide',
    requires: [
        'Ext.TitleBar',
        'Ext.Video',
        'blackbutton.view.Black.Black',
        'blackbutton.view.CRM.CRM',
        'blackbutton.view.Setup.Setup',

        'Ext.Img',
        'Ext.ux.OptimizedTab.OptimizedTab',
        'Ext.carousel.Carousel'
    ],
    config: {
        tabBarPosition: 'bottom',
        defaultType: 'optimized-tab',
        items: [
            {
                iconCls: 'home',
                title: 'Black',
                xtype: 'Black',
                  styleHtmlContent: true
            },
             {
                iconCls: 'compose',
                title: 'Blue',
//                styleHtmlContent: true,
                scrollable: true,
                xtype: 'Blue'
            },

            {
                 iconCls: 'list',
                title: 'Transaction',
                styleHtmlContent: true,
                scrollable: true,
                xtype: 'CRM'
            },
               {
                iconCls: 'e2af',
                title: 'Setup',
                styleHtmlContent: true,
                scrollable: true,
                xtype: 'Setup'


            },

//              {
//                iconCls: 'settings',
//                title: 'Test',
//                styleHtmlContent: true,
//            
//                xtype: 'test',
//            }



        ]
    }
});

---

因此，在我的选项卡面板中，如何将图标直接应用于特定图标？

在SASS样式表中，您可以使用以下内容包括新图标：

@include icon("<icon name>"  , "<icon character>", "<font name>");

@包含图标（“，”，”）；

然后，您可以使用mixin中使用的将图标添加到按钮的图标列表中

---

IcoMoon应该显示每个图标分配给的字符，这样您就可以将其粘贴到其中。

我最近创建了这个工具，它将帮助您为Sencha Touch应用程序生成SASS文件。自述文件解释了在Ico Moon网站上创建图标以及将Ico Moon项目转换为Sencha Touch中使用的步骤

---

我发现我经常想在字体文件中添加或删除图标，这个工具使这个过程变得更简单、更快

在你的情况下，我应该为字体名“icomoon”加上什么。当您将自定义字体包含在@font-face中时，它应该是您为自定义字体指定的字体族值。那么，我应该为字体字符添加什么？我尝试将“”添加到图标字符。但我无法得到图标。我只得到这个“”字

@include icon("<icon name>"  , "<icon character>", "<font name>");