87 lines
3.9 KiB
HTML
87 lines
3.9 KiB
HTML
<!-- 这个模板继承自 base.html -->
|
|
{% extends 'base.html' %}
|
|
{% load static %}
|
|
|
|
{% block title %}首页 - {% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container">
|
|
<!-- 顶部横幅 -->
|
|
<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" action="{% url 'front:search_list' %}">
|
|
<div class="search-wrapper">
|
|
<input type="text" class="search-input" name="q">
|
|
<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_main" 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="row g-4 justify-content-start mt-3">
|
|
{% for link in picture_links %}
|
|
<!--
|
|
col-6: 手机端一行2个
|
|
col-md-4: 平板一行3个
|
|
col-lg-3: 电脑端一行4个 (25%)
|
|
-->
|
|
<div class="col-6 col-md-4 col-lg-3">
|
|
<a href="{{ link.url }}" class="d-block" target="_blank">
|
|
<!-- img-fluid 让图片宽度 100% 自适应父容器 -->
|
|
<img class="img-fluid" src="{{ link.picture.url }}" alt="{{ link.name }}">
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
{% for section in section_data %}
|
|
{% if forloop.revcounter == 1 and forloop.counter|add:"0"|divisibleby:"2" == False %}
|
|
<!-- 最后一项，且总数为奇数，则独占一行 -->
|
|
<div class="col-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>
|
|
{% else %}
|
|
<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>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|