Model view controller 无法在sencha touch 2的选项卡面板中自定义选项卡栏视图。默认视图始终显示。

Model view controller 无法在sencha touch 2的选项卡面板中自定义选项卡栏视图。默认视图始终显示。,model-view-controller,sencha-touch-2,tabbar,tabpanel,tabview,Model View Controller,Sencha Touch 2,Tabbar,Tabpanel,Tabview,我想更改选项卡的视图,我希望它们是大的&矩形的,但它们显示的像默认的胶囊(带弯曲半径的矩形)。如何定制它们 这是密码 })) 您可以在css文件中更改它: 如果选项卡面板停靠在顶部: .x-tabbar.x-docked-top .x-tab { padding: 0.4em 2em; -webkit-border-radius: 0em; border-radius: 0em; } 如果选项卡面板停靠在底部: .x-tabbar.x-docked-bottom .x-

我想更改选项卡的视图,我希望它们是大的&矩形的,但它们显示的像默认的胶囊(带弯曲半径的矩形)。如何定制它们

这是密码
}))

您可以在css文件中更改它:

如果选项卡面板停靠在顶部:

.x-tabbar.x-docked-top .x-tab {
    padding: 0.4em 2em;
    -webkit-border-radius: 0em;
    border-radius: 0em;
}
如果选项卡面板停靠在底部:

.x-tabbar.x-docked-bottom .x-tab {
    padding: 0.4em 2em;
    -webkit-border-radius: 0em;
    border-radius: 0em;
}
.x-tabbar.x-docked-bottom .x-tab {
    padding: 0.4em 2em;
    -webkit-border-radius: 0em;
    border-radius: 0em;
}