标签面板的尺寸接触宽度减小

Question

- 这里有问题 tabBarDock：'bottom' 从默认的顶部高度降低标签面板的高度。 - 请帮忙

Ext.setup({
icon:'icon.png',
 glossOnIcon: false,
onReady:function(){
  new Ext.TabPanel({
        fullscreen: true,
        type: 'dark',
        sortable: true,
        tabBarDock: 'bottom',
        items: [{
            title: 'Tab 1',
            html: '1',
            cls: 'card1'
        }, {
            title: 'Tab 2',
            xtype:'map',
            useCurrentLocation: true,
            fullscreen:true,
        layout:'fit',
            cls: 'card2'
        }, {
            title: 'Tab 3',
            html: '3',
            cls: 'card3'
        }]
    });
}});

Answer 1

当标签栏停靠在底部时，您必须包含iconCls属性才能获得默认的顶部高度。见例：

Ext.setup({
icon:'icon.png',
 glossOnIcon: false,
onReady:function(){
  new Ext.TabPanel({
        fullscreen: true,
        ui: 'dark',
        sortable: true,
        tabBarDock: 'bottom',
        items: [{
            title: 'Tab 1',
            iconCls:'home',
            html: '1',
            cls: 'card1'
        }, {
            title: 'Tab 2',
            iconCls:'locate',
            xtype:'map',
            useCurrentLocation: true,
            fullscreen:true,
        layout:'fit',
            cls: 'card2'
        }, {
            title: 'Tab 3',
            html: '3',
            iconCls:'search',
            cls: 'card3'
        }]
    });
}});

Ext.TapPanel也没有type属性。我认为你的意思是ui属性。