Files
server/templates/front/index.html
T

77 lines
3.2 KiB
HTML

<!-- 这个模板继承自 base.html -->
{% extends 'base.html' %}
{% load static %}
{% block title %}首页 - 长白山消防救援支队{% endblock %}
{% block content %}
<!-- 顶部横幅 -->
<div class="row d-none d-md-block">
<div class="col-12">
<img src="{% static 'images/slogan_bg.png' %}" alt="标语背景"
style="object-fit: fill;max-width: 1160px;width: 100%;">
{# <h2>对党忠诚 纪律严明 赴汤蹈火 竭诚为民</h2>#}
</div>
</div>
<div class="row d-none d-md-block" style="padding:0 5px;">
<div class="col-12 date-bar">
<span style="font-size: 14px;padding-left: 25px;">{{ time_str }}</span>
<div class="user-icons">
<form class="search-form">
<div class="search-wrapper">
<input type="text" class="search-input">
<button type="submit" class="search-btn">
<img src="{% static "icons/search.svg" %}" alt="">
</button>
</div>
</form>
<img src="{% static "icons/user.svg" %}" alt="">
<img src="{% static "icons/edit.svg" %}" alt="">
<img src="{% static "icons/sina.svg" %}" alt="">
<img src="{% static "icons/wechat.svg" %}" alt="">
<img src="{% static "icons/douyin.svg" %}" alt="">
</div>
</div>
</div>
<!-- 主要内容区 -->
<!-- 左侧大图 -->
<div class="row" style="height: 300px;">
<div class="col-md-6 col-sm-12">
{% include 'components/_carousel.html' with carousel_id=carousel.key slides=carousel.data height="300px" %}
</div>
<div class="col-md-6 col-sm-12">
{% url "front:news" as more_url %}
{% include 'components/_news_card.html' with data=news_data.data unique_id=news_data.key more_url=more_url route="front:news_detail" %}
</div>
</div>
<!-- 广告横幅 -->
<div class="ad-banner row">
<div class="col-md-3 col-sm-6 col-xs-12">
<img class="ad-item" src="/media/upload/images/2026/03/25/img.png" alt="我为十五五规划献策">
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<img class="ad-item" src="/media/upload/images/2026/03/25/img_1.png" alt="精彩火焰蓝">
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<img class="ad-item" src="/media/upload/images/2026/03/25/img_2.png" alt="电动自行车安全">
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<img class="ad-item" src="/media/upload/images/2026/03/25/img_3.png" alt="消防安全培训">
</div>
</div>
<div class="row">
{% for section in section_data %}
<div class="col-md-6 col-sm-12" style="margin: 15px auto">
{% url "front:main_list" main=section.key as card_more_url %}
{% include 'components/_news_card.html' with data=section.data unique_id=section.key more_url=card_more_url %}
</div>
{% endfor %}
</div>
{% endblock %}