Sencha-touch TAB面板宽度减小

sencha-touch width of tab panel decreases

本文关键字：TAB Sencha-touch      更新时间：2023-09-26

-我这里有一个问题tabBarDock:"底"降低选项卡面板的高度，从默认的顶部高度。-请帮助

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'
        }]
    });
}});

当标签栏停靠到底部时，您必须包含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属性。

相关文章：