我在使Pug块的内容呈现在正确位置时遇到问题。
我试图更改块的名称,追加/添加。
// Standard.pug
block content
header
block header
// _Header.pug
.col-lg
block headerTop
.col-lg
block right
// Index.pug
block header
include ../components/Common/_Header.pug
block headerTop
include ../components/Identity/_Logo.pug
block right
nav.mega-menu
我希望最终会嵌套在第一个.col-lg下,但是编译后的HTML看起来像:
<header>
<div class="col-lg">
</div>
<div class="col-lg">
<a class="logo" href="/" title="Logo">
<img src="/assets/img/logos/logo-stacked.svg" alt="Logo">
</a>
<nav class="mega-menu"></nav>
</div>
</header>
我只对Pug感到满意,所以我确定这是我不知道的一些基本规则,但是我找不到其他遇到相同问题的人。我将不胜感激。谢谢!