时间戳

首页 > 解决方案 > 与 django 中的模板混淆

django - 与 django 中的模板混淆

问题描述

我正在学习 django，我有以下模板：

{% load static ax_base %}
{% for tm in team_list %}
<div>

    <div class="card our-team-slider-card mb-3">
        <div class="row no-gutters">
            <div class="col-sm-4">
                <a href="" class="card-img-wrap" data-toggle="modal"
                   data-target=".our-team-photo">
                    <img src="{% static tm.img %}"
                         class="card-img" alt="...">
                </a>
            </div>
            <div class="col-sm-8">
                <div class="card-body">
                    <h5 class="card-title mb-4">{{ tm.name }}</h5>
                    <div class="profession mb-4 fz14 opa05">{{ tm.position }}</div>
                    <p class="card-text fz14 opa05">{{ tm.bio }}</p>
                    <div class="contacts mb-2">
                        <a href=""
                           class="styled-link text-black">{{ tm.phone }}</a><span> , </span><a
                            href="" class="styled-link text-black">{{ tm.email }}</a>
                    </div>
                    <a href="" class="styled-link text-primary">Send message</a>
                </div>
            </div>
        </div>
    </div>

</div>
{% endfor %}

所以，问题是我有两个地方重用了上面的模板，但我想做的是在一个地方使用 col-sm-4 类，而不是在另一个地方使用 col-sm-4。我是否应该为此创建两个单独的模板，即一个使用 col-sm-4 的模板和另一个不使用 col-sm-4 的模板？那会是正确的吗？

标签： django

解决方案

{% load static ax_base %}
{% for tm in team_list %}
<div>

    <div class="card our-team-slider-card mb-3">
        <div class="row no-gutters">
            {% if not hide %}
            <div class="col-sm-4">
                <a href="" class="card-img-wrap" data-toggle="modal"
                   data-target=".our-team-photo">
                    <img src="{% static tm.img %}"
                         class="card-img" alt="...">
                </a>
            </div>
            {% endif %}
            <div class="col-sm-8">
                <div class="card-body">
                    <h5 class="card-title mb-4">{{ tm.name }}</h5>
                    <div class="profession mb-4 fz14 opa05">{{ tm.position }}</div>
                    <p class="card-text fz14 opa05">{{ tm.bio }}</p>
                    <div class="contacts mb-2">
                        <a href=""
                           class="styled-link text-black">{{ tm.phone }}</a><span> , </span><a
                            href="" class="styled-link text-black">{{ tm.email }}</a>
                    </div>
                    <a href="" class="styled-link text-primary">Send message</a>
                </div>
            </div>
        </div>
    </div>

</div>
{% endfor %}

推荐阅读