myblog/templates/articles.html
myminwang 0eb8fc3169 DEMO
2018-07-04 20:07:00 +08:00

69 lines
3.5 KiB
HTML
Executable File

{% extends "base.html" %}
{% load custom_filter %}
{% block title %}
<title>博客列表 - 烂笔头</title>
{% endblock %}
{% block content %}
{% paginate article_list 8 %}
{% if article_list %}
<section class="mysection">
<h4 class="index-title">
<a href="{% url "blog:article" 0 %}"><i class="el-th-list"></i>{% if category %}列表{% else %} 全部 {% endif %} &nbsp;&nbsp;> &nbsp;&nbsp;</a>
<span class="orange-text">{{ category }}</span>
<span style="float:right;margin-right:10px;">共有文章:<a class="orange-text"> {{ count }} </a></span>
</h4>
<div class="arclist">
<!--列表开始-->
<ul>
{% for article in article_list %}
<li {% if article.read_nums > 500 %}id="tuijian"{% elif article.read_nums > 100 %} id="Hot" {% endif %}>
<div class="arcimg">
<img src="{{ MEDIA_URL }}{{ article.image }}"
alt="{{ article.title }}" title="{{ article.title }}"/>
</div>
<div class="arc-right">
<h4 class="blue-text"><a href="{% url "blog:detail" article.id %}" title="{{ article.title }}">{{ article.title }}</a></h4>
<p>{{ article.digest }}</p>
<ul>
<li><a title="{{ article.author }} {{ article.edit_time }} 发表 "><i class="el-time"></i> {{ article.edit_time }}</a></li>
<li><a href="#" title="作者: {{ article.author }}"><i class="el-user"></i>{{ article.author }}</a></li>
<li><a href="#" title="已有 {{ article.conment_nums }} 条评论"><i class="el-comment"></i>{{ article.conment_nums }}</a>
</li>
<li><a title="已有 {{ article.read_nums }} 次浏览"><i class="el-eye-open"></i>{{ article.read_nums }}</a></li>
<li class="mob-hidden">
<i class="el-tag"></i>
<a href="#">{{ article.tag.values| getTag }}</a>&nbsp;
</li>
<li><a href="{% url "blog:article" article.category.id %}" title="查看分类"><i class="el-th-list"></i>{{ article.category.name }}</a></li>
</ul>
</div>
</li>
{% endfor %}
</ul>
<!--列表结束-->
</div>
<!--分页-->
<div class="pagination">
<div class="list-page">
<ul class="post-data">
<li><a>第 {{ current_page }} - {{ last_page }} 页</a> <a>共 {{ count }} 条</a></li>
</ul>
</div>
<ul>
<li {% if current_page == 1 %}class="active"{% endif %}><a href="?page=1">首页</a></li>
<li {% if current_page >= 2 %} {% else %}class="active"{% endif %}><a href="?page={{ current_page|add:-1 }}">上一页</a></li>
<li {% if current_page < last_page %} {% else %}class="active"{% endif %}><a href="?page={{ current_page|add:1 }}">下一页</a></li>
<li {% if current_page == last_page %}class="active"{% endif %}><a href="?page={{ last_page }}">尾页</a></li>
</ul>
</div>
</section>
{% else %}
<section class="mysection" style="animation: fuxiasuo 0.8s;">暂时没有任何文章。</section>
{% endif %}
{% endblock %}