Question

我尝试实现GoldenLayout，但似乎无法更改放置在每个窗口标题内的标签的高度。

在原始主题.lm_header中有一个固定高度为20px的CSS类，但在此之后，高度由JS直接设置为内联样式。

我尝试了以下规则

.lm_header {
  height: 40px !important;
}

但它是JS样式的简单覆盖，由于底部窗格的位置而不完整（请参阅working example）。

是否有标准方法来更改不同元素的大小？

Answer 1

对于标签尺寸，您需要在传递给GoldenLayout的configuration object上设置dimensions.headerHeight属性，和调整样式表。

JS：

 var myLayout = new GoldenLayout({
    dimensions: {
            headerHeight: 46
        },
        content:[{
            type: 'row',
            content:[{
                type: 'component',
                componentName: 'test-component'
            },{
                type: 'component',
                componentName: 'test-component'
            }]
        }]
    });

CSS：

.lm_tab {
   height: 40px !important;
 }

裸露最低限度： Updated Fiddle

<强>更新

要使一切看起来不错，请更新line-height的{{1}}，更改.lm_tab的{{1}}，然后更改height .lm_close_tab的位置1}}。

CSS：

top

Updated Fiddle 2

黄金布局：如何增加标题标签的高度

1 个答案: