Ionic framework 如何添加高度降低的离子标题栏

我试图添加离子标题栏，我想减少标题栏的高度。问题是标题栏下方的离子内容没有正确放置。因为我降低了标题栏的高度，离子含量远远低于标题栏。如何放置离子内容，使其不会占用我为标题栏减少的额外空间。

您可以通过覆盖

src/theme/variables.scss

文件中的离子sass变量来减少标题的高度

将以下变量添加到

variables.scss

文件以覆盖默认高度56px：

$toolbar-md-height:  40px;
$toolbar-ios-height: 40px;

---

更多详情请点击此处：

请分享屏幕截图，以便更好地理解我很抱歉。我没有任何选择张贴图像。我这里的问题是，如何在离子视图和离子内容之间插入离子标题栏，使离子内容正好位于离子标题栏下方。注意：我试图将离子标题栏的高度降低。问题：如果我在不降低高度的情况下放置ion标题，一切都很好。但是如果我降低高度，标题栏和内容之间会有间隙。如何避免此间隙，使ion内容正确放置在标题下方。请共享用于降低ion标题高度的代码