gwng-pythonweb/pythonweb/scientificApp/templates/scientific.html

{% extends "base.html" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="model-title">{{ title }}</div>
            <div class="model-list">
                <ul class="list-group">
                    <li class="list-group-item active" id="survey">
                        <a href="{% url 'scientific_index' %}">教学科研</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-9">
            <div class="model-details-title">{{ title }}</div>
            <div class="row">
                {% for article in list %}
                <div class="col-md-4">
                    <div class="thumbnail">
                        {% if article.cover %}
                        <img src="{{ article.cover }}" alt="{{ article.title }}" class="img-responsive" style="height:200px;object-fit:cover;">
                        {% endif %}
                        <div class="caption">
                            <h4 style="text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ article.title }}</h4>
                            <p style="text-align:center;color:#999;">{{ article.created_at|date:"Y-m-d" }}</p>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
            {% if list.has_other_pages %}
            <nav>
                <ul class="pagination">
                    {% if list.has_previous %}
                    <li><a href="?page={{ list.previous_page_number }}">&laquo;上一页</a></li>
                    {% endif %}
                    <li><span>第 {{ list.number }} / {{ list.paginator.num_pages }} 页</span></li>
                    {% if list.has_next %}
                    <li><a href="?page={{ list.next_page_number }}">下一页&raquo;</a></li>
                    {% endif %}
                </ul>
            </nav>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}