设置面板高度 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'
});

我该怎么办？如何防止煎茶计算高度？

谢谢。

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

Answer 1

您需要像这样将cls 属性添加到您的Ext.Panel 中

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

然后在你的 CSS 中添加这个

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

希望对你有帮助