我有一个容器,里面堆放了几个不同的物品。我也希望在容器内有两个标题栏,但高度降低到10分。我试图用较小的数字减少setHeight()的大小,但我似乎无法实现这一点。我错过了一些明显的东西吗
有没有办法可以减少Sencha Touch中工具栏/标题栏的高度?救命啊!
更新:这是我用于工具栏的代码......
Ext.define('MyApp.view.CookingSteps', {
extend: 'Ext.Container',
alias: 'widget.CookingSteps',
config: {
height: '',
html: '',
id: 'CookingSteps',
itemId: 'CookingSteps',
style: '',
layout: {
type: 'vbox'
},
items: [
{
xtype: 'toolbar',
docked: 'top',
height: 50,
html: '<b><center>AdBanner Goes Here',
style: 'background: gray;',
styleHtmlContent: true
},
{
xtype: 'container'
},
{
xtype: 'fieldset',
title: '',
items: [
{
xtype: 'textfield',
label: '',
placeHolder: 'Username'
},
{
xtype: 'textfield',
label: '',
placeHolder: 'Passphrase'
}
]
},
{
xtype: 'toolbar',
docked: 'top',
height: 20,
minHeight: '20',
title: 'Login'
},
{
xtype: 'container',
items: [
{
xtype: 'button',
centered: true,
ui: 'confirm',
width: 283,
text: 'Go Ahead :)'
}
]
}
]
}
});
我希望标题为“登录”的工具栏具有降低高度..任何帮助将不胜感激。先感谢您。 :)
答案 0 :(得分:2)
如果需要调整工具栏大小,请使用minHeight选项和工具栏配置中的单位。这是一个工具栏示例,其当前字体大小为2x。
{
xtype: 'toolbar',
docked: 'top',
minHeight: '2em',
}