我想查看 2 个 v-box 位于两个不同选项卡中的视图。我的代码没有显示错误,但唯一显示在没有选项卡的选项卡式面板中的内容。您可以看到部分编辑了教程 Carousel 并带有一些相同类的副本,但请忽略它。
Ext.define("caryhartline.view.Carousel", {
extend : 'Ext.tab.Panel',
requires : ['Ext.carousel.Carousel'],
config : [{
tabBarPosition : 'top',
items : [{
title : 'Business',
iconCls : 'action',
layout : 'card',
config : [{
cls : 'cards',
layout : {
type : 'vbox',
align : 'stretch'
},
defaults : {
flex : 1
},
items : [{
xtype : 'carousel',
items : [{
html : '',
cls : 'card businesstemplatepicture'
}, {
html : '',
cls : 'card businesstemplatepicture'
}]
}, {
xtype : 'carousel',
ui : 'light',
direction : 'vertical',
items : [{
html : '',
cls : 'card dark businesstemplate2picture'
}, {
html : 'And can also use <code>ui:light</code>.',
cls : 'card dark'
}, {
html : 'Card #3',
cls : 'card dark'
}]
}]
}]
}]
}, {
title : 'Minimalist',
iconCls : 'action',
layout : 'card',
config : {
cls : 'cards',
layout : {
type : 'vbox',
align : 'stretch'
},
defaults : {
flex : 1
},
items : [{
xtype : 'carousel',
items : [{
html : '',
cls : 'card businesstemplatepicture'
}, {
html : '',
cls : 'card businesstemplatepicture'
}]
}, {
xtype : 'carousel',
ui : 'light',
direction : 'vertical',
items : [{
html : '',
cls : 'card dark businesstemplate2picture'
}, {
html : 'And can also use <code>ui:light</code>.',
cls : 'card dark'
}, {
html : 'Card #3',
cls : 'card dark'
}]
}]
}
}]
});