【问题标题】:Unclear indentation using mixins in pug在 pug 中使用 mixins 的缩进不清楚
【发布时间】:2017-01-04 12:04:25
【问题描述】:

在未来的项目中,我想使用 Pug(jade),但我发现了一个问题: 我写小mixin:[1]

mixin item(href, active)
 if(active)
    li(class="active"): a( href=href ): block
 else   
    li: a( href=href ): block

这里我们称之为:click here

+item("#sec1")

输出结果:click here

<div class="vak-xs-12 vak-md-5 vnav-menu">
    <ul>
          <li><a href="#sec1">rwa</a></li>
    </ul>
</div>

【问题讨论】:

  • 有人知道如何去除这些缩进吗?
  • 您不想格式化输出的 html?你能发布你想要的结果吗?
  • 我需要删除缩进 4 不清楚的缩进。 I have - 带有缩进。 I need - 没有缩进。

标签: html pug


【解决方案1】:

我认为这是编辑器的问题,您必须将其配置为始终使用相同数量的空格,并且您必须使用“制表符”键而不是空格。

【讨论】:

  • Click here, menu of ST3 我也觉得是编辑的原因。我将缩进转换为“制表符”,但没有任何变化。
【解决方案2】:

这可能与条件有关。您是否尝试过类似的方法:

mixin item(href, active)
  li(class= (true === active) ? 'active')
    a(href= href)
      if block
        block

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-13
    • 2018-03-17
    相关资源
    最近更新 更多