nunjucks 宏改变一个 class

Question

在 nunjucks 中使用宏来更改包含中的 class 的正确方法是什么？

例如，我有一个横幅图片的包含，客户希望每个页面上都有不同的图片，所以我可以按照以下方式做一些事情：

  <section id="subheader" class="{{subHeader}}"></section>

然后创建数组：

var subHeader = ["pic1", "pic2", "pic3"];

我不确定的一点是如何让每个页面拍摄特定的照片？类似于 "if file is called page1 use 0 in the array"?

感谢您的帮助！

我的备份计划是只创建不同的包含，如果这看起来比设置它更容易...

Answer 1

这就是我所需要的：

{% if pg2 %}
<section id="subheader" class="subHeader banner2">
</section>
{% elseif pg3 %}
<section id="subheader" class="subHeader banner3">
</section>
{% else pg4 %}
<section id="subheader" class="subHeader banner4">
</section>

然后将每个页面设置为相关名称

{% set pg2 = true %} 

#skills

nunjucks 宏改变一个 class

nunjucks macro to change a class

javascript

macros

nunjucks