设置面板高度 sencha -touch

Question

我是煎茶触摸新手，需要你的帮助。

我添加新面板并想在 css 中设置该面板的高度。

 this.clockContainer = new Ext.Panel({
id:'clock',
    html:'00:00'
});
#clock {height:142px}

然而，sencha将高度样式计算为91px（根据html内容）并忽略我的css。

我不想像这样向面板添加高度属性：

this.clockContainer = new Ext.Panel({
id:'clock',
    html:'00:00',
    height:'142px'
});

我能做什么？如何防止 sencha 计算高度？

谢谢。

编辑：如果我将 height 属性设置为“142px”，它工作正常，但如果我将其设置为“8.06em”，senchs 会忽略它并自行计算。

Answer 1

您需要向 Ext.Panel 添加一个 cls 属性，如下所示

this.clockContainer = new Ext.Panel({
    id:'clock',
    html:'00:00',
    cls:'clock-panel'
});

然后在 CSS 中添加此

.clock-panel .x-panel-body{
    height:142px;
}

希望它有帮助