大家好,我刚刚接触sencha touch;在布局上遇到了问题,想了很久没得到解决。我现在布局是这样的效果:App.views.Viewport = Ext.extend(Ext.Panel, {
    fullscreen: true,
    layout: 'card',
    cardSwitchAnimation: 'slide',
    dockedItems: [
        {
         xtype: 'toolbar',
         title: 'TestSenchaMVC',
         items: [
             {
                 text: 'Back',
                 itemId: 'backBtn',
                 ui: 'back'
             },
             {xtype: 'spacer'},
             {
                 itemId: 'searchBtn',
                 iconCls: 'search',
                 iconMask: true,
                 ui: 'action'
             }
         ]
        },{
          xtype: 'toolbar',
     dock: 'bottom',
     layout:{
pack:'center'        
     },items:[{
         title: 'Auctions',
iconCls: 'time',// the button icon
iconMask: true
        }]
        }
    ]
});;但是我想浏览器下方显示这样的效果 bidShopApp.views.bidShopIndex = new Ext.TabPanel({
            id: 'bidShopIndex',
            tabBar: {
                dock: 'bottom',
                scroll: 'vertical',
              //  ui: 'light',                
                sortable: true,
                layout: {
                    pack: 'center'
                },
         cardSwitchAnimation: {
         type: 'slide',
         cover: true
         }
            },
         items: [{
title: 'Auctions',
iconCls: 'time',// the button icon
//iconMask: true,
cls: 'card card1', // an optional extra CSS class will be added to this component's element.
id: 'tab1',
html:''
         }
         ]
        });如何修改啊?