我已经创建了一个导航栏,可以从后端添加内容,但只有主导航条显示图标,而其他导航条名称具有相同的图标。我想添加一个不同的导航栏与不同的图标。想要运行if,elif和条件。请帮助我如何使用if elif和其他动态。
没有动态内容的初始
<!-- Nav Links -->
<li class="nav-item">
<a class="nav-link fs-5" href="#समाचार">
<i class="fas fa-address-book mr-1">
</i>समाचार
</a>
</li>
<li class="nav-item active">
<a class="nav-link fs-5" href="/">
<i class="fas fa-home mr-1"></i>
होमपेज
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#भिडियो">
<i class="far fa-clone mr-1">
</i>भिडियो
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#विजनेस">
<i class="far fa-calendar-alt mr-1">
</i>विजनेस
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#ग्यालरी">
<i class="far fa-chart-bar mr-1">
</i>ग्यालरी
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="#प्रोफाइल">
<i class="far fa-copy mr-1">
</i>प्रोफाइल
</a>
</li>动态后端添加了为了工作而需要更改的HTML:
{% for i in nav_data %}
{% if forloop.first %}
<li class="nav-item active">
<a class="nav-link fs-5" href="/">
<i class="fas fa-home mr-1"></i>
{{i.name}}
</a>
</li>
{% elif forloop.first %}
<a class="nav-link fs-5" href="/">
<i class="fas fa-home mr-1"></i>
{{i.name}}
</a>
{% else %}
<li class="nav-item">
<a class="nav-link fs-5" href="#भिडियो">
<i class="far fa-clone mr-1">
</i>{{i.name}}
</a>
</li>
{% endif %}
{% endfor %}*注:在每个li和i.name中都需要使用if、elif和order条件,应该按指责顺序从后端给出值。
发布于 2022-04-26 07:22:19
从elif条件中删除{% forloop.first %},为if和elif都提供相同的条件
https://stackoverflow.com/questions/70093144
复制相似问题