SinkDark/myblog/templates/album.html
2024-09-17 17:30:58 +08:00

59 lines
1.5 KiB
HTML

{% extends "base.html" %}
<!--模版重写-->
{% block body %}{% endblock %}
<!--模版重写-->
{% block content %}
<article>
<div class="picbox">
{% for list in pageInfo.object_list %}
<div class="picvalue" data-scroll-reveal="enter bottom over 1s" >
<a href="javascript:;">
<i><img src="{{ list.photo.url }}"></i>
<div class="picinfo">
{% if list.title %}
<h3>{{ list.title }}</h3>
{% else %}
<h3>相册图片</h3>
{% endif %}
{% if list.introduce %}
<span>{{ list.introduce }}</span>
{% else %}
<span>图片简介</span>
{% endif %}
</div>
</a>
</div>
{% endfor %}
</div>
<!--分页功能-->
<div class="pagelist">
{% if pageInfo.has_previous %}
<a href="{% url 'album' id pageInfo.previous_page_number %}">上一页</a>
{% endif %}
{% for page in pageInfo.paginator.page_range %}
{% if pageInfo.number == page %}
<a href="javascript:;" class="curPage">{{ page }}</a>
{% else %}
<a href="{% url 'album' id page %}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if pageInfo.has_next %}
<a href="{% url 'album' id pageInfo.next_page_number %}">下一页</a>
{% endif %}
</div>
</article>
{% endblock %}
<!--模版重写-->
{% block script %}
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
(function(){
window.scrollReveal = new scrollReveal({reset: true});
})();
};
</script>
{% endblock %}