首页 > 解决方案 > 阻止内容呈现在错误的位置

问题描述

我在获取 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 只感到适度舒适,所以我确信这是我不知道的一些基本规则,但我找不到其他人有同样的问题。我很感激任何帮助。谢谢!

标签: pug

解决方案


推荐阅读