选项卡面板的sencha-touch宽度减小

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财产。