タブパネルの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プロパティを意味すると思う。