大家好,我刚刚接触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:''
}
]
});如何修改啊?
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:''
}
]
});如何修改啊?
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货