Html sencha触摸选项卡面板选项卡的图标

我在sencha touch中有一个选项卡面板，它的外观如下所示

Mobile.RootViewport = new Ext.TabPanel({
    fullscreen:'true',
    layout: 'card',
    tabBarDock: 'bottom',
    items: [Mobile.HomeViewport, Mobile.AboutViewport]
})

---

如何为每个选项卡添加图标？

您需要为选项卡面板（HomeViewport、AboutViewport等）中的每个

项添加
iconCls
属性

默认主题中有大量图标，但pictos目录中还有更多图标（可在
$touch/resources/themes/images/default/pictos/
中找到）。iconCls名称将与不带.png的文件名相同

如果您尝试使用不在默认主题中的图像，您只会得到一个空白方块，但您可以通过编辑主题的.scss文件并添加包含图像的行来添加更多内容，如：

@include pictos-iconmask('refresh5');  // includes pictos/refresh5.png

有关更改主题的帮助，请参阅