87 lines
3.1 KiB
HTML
87 lines
3.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}首页 - 泸州高中摄影社论坛{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container">
|
|
<div class="page-header">
|
|
<h1>📸 摄影作品分享</h1>
|
|
<p class="subtitle">发现精彩瞬间</p>
|
|
</div>
|
|
|
|
{% if posts %}
|
|
<div class="posts-grid">
|
|
{% for post in posts %}
|
|
<div class="post-card">
|
|
<div class="post-header">
|
|
<div class="user-info">
|
|
<a href="{{ url_for('users.profile', username=post.author.username) }}" class="user-avatar">
|
|
{{ post.author.username[0].upper() }}
|
|
</a>
|
|
<div>
|
|
<a href="{{ url_for('users.profile', username=post.author.username) }}" class="username">
|
|
{{ post.author.username }}
|
|
</a>
|
|
<span class="post-time">{{ post.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="{{ url_for('posts.post_detail', post_id=post.id) }}" class="post-image-link">
|
|
<img src="{{ url_for('uploaded_file', filename=post.image_path) }}" alt="Post image" class="post-image"
|
|
loading="lazy">
|
|
</a>
|
|
|
|
{% if post.description %}
|
|
<div class="post-description">
|
|
{{ post.description }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="post-footer">
|
|
<a href="{{ url_for('posts.post_detail', post_id=post.id) }}" class="comment-count">
|
|
💬 {{ post.get_comment_count() }} 条评论
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- 分页 -->
|
|
{% if pagination.pages > 1 %}
|
|
<div class="pagination">
|
|
{% if pagination.has_prev %}
|
|
<a href="{{ url_for('posts.index', page=pagination.prev_num) }}" class="page-link">上一页</a>
|
|
{% endif %}
|
|
|
|
{% for page_num in pagination.iter_pages(left_edge=1, right_edge=1, left_current=2, right_current=2) %}
|
|
{% if page_num %}
|
|
{% if page_num == pagination.page %}
|
|
<span class="page-link active">{{ page_num }}</span>
|
|
{% else %}
|
|
<a href="{{ url_for('posts.index', page=page_num) }}" class="page-link">{{ page_num }}</a>
|
|
{% endif %}
|
|
{% else %}
|
|
<span class="page-link">...</span>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if pagination.has_next %}
|
|
<a href="{{ url_for('posts.index', page=pagination.next_num) }}" class="page-link">下一页</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="empty-state">
|
|
<div class="empty-icon">📷</div>
|
|
<h2>还没有帖子</h2>
|
|
<p>成为第一个分享摄影作品的人吧！</p>
|
|
{% if current_user.is_authenticated %}
|
|
<a href="{{ url_for('posts.create_post') }}" class="btn btn-primary">发布作品</a>
|
|
{% else %}
|
|
<a href="{{ url_for('auth.register') }}" class="btn btn-primary">立即注册</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %} |