1

当标签栏位置在 sencha touch 2 顶部时,为什么 iconCls 在标签面板栏中不起作用?

当标签栏位置为底部时,它工作正常。为什么当标签栏位置在顶部时它不起作用?

    Ext.create('Ext.TabPanel', {
    fullscreen: true,
    tabBarPosition: 'top',

    defaults: {
        styleHtmlContent: true
    },

    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: 'Home Screen'
        },
        {
            title: 'Contact',
            iconCls: 'user',
            html: 'Contact Screen'
        }
    ]
});

上述代码的输出:

在此处输入图像描述

Ext.create('Ext.TabPanel', {
    fullscreen: true,
    tabBarPosition: 'bottom',

    defaults: {
        styleHtmlContent: true
    },

    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: 'Home Screen'
        },
        {
            title: 'Contact',
            iconCls: 'user',
            html: 'Contact Screen'
        }
    ]
});

上述代码的输出:

在此处输入图像描述

为什么它不能在最高位置工作?

4

2 回答 2

1

这是 Sencha Touch 框架类中定义的方式。

如果你想要你的方式,只需覆盖它们:)

于 2012-08-04T17:47:55.707 回答
0

他们是这样设计的。。

在他们看来,如果选项卡面板位于屏幕底部,它可能看起来不错,但如果它位于屏幕顶部,则它与图标不匹配。

话虽如此,我有点同意该决定,但如果您坚持不这样做,也许您可​​以尝试将按钮添加为选项卡面板的项目并将图标放在按钮内

于 2013-11-15T09:24:12.553 回答