update. 完成前端页面展示、列表和详情页

update. 调整融合主菜单与板块
update. 分离新闻模块
This commit is contained in:
ngfchl
2026-04-01 14:17:03 +08:00
parent af9d7a676f
commit 777ca50328
55 changed files with 2190 additions and 567 deletions
+91 -86
View File
@@ -1,4 +1,6 @@
{% load static %}
{% load footer_tags %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
@@ -39,32 +41,33 @@
<li class="{% if request.resolver_match.url_name == 'about' %}active{% endif %}">
<a href="{% url 'front:about' %}">单位简介</a>
</li>
<!-- 新闻中心 -->
<li class="{% if request.resolver_match.url_name == 'news' %}active{% endif %}">
<a href="{% url 'front:news' %}">新闻中心</a>
</li>
{% show_main_menu %}
<!-- 信息公开 -->
<li class="{% if request.resolver_match.url_name == 'info' %}active{% endif %}">
<a href="{% url 'front:info' %}">信息公开</a>
</li>
<!-- 党建引领 -->
<li class="{% if request.resolver_match.url_name == 'party' %}active{% endif %}">
<a href="{% url 'front:party' %}">党建引领</a>
</li>
<!-- 办事服务 -->
<li class="{% if request.resolver_match.url_name == 'service' %}active{% endif %}">
<a href="{% url 'front:service' %}">办事服务</a>
</li>
<!-- 互动交流 -->
<li class="{% if request.resolver_match.url_name == 'interaction' %}active{% endif %}">
<a href="{% url 'front:interaction' %}">互动交流</a>
</li>
<!-- 消防科普 -->
<li class="{% if request.resolver_match.url_name == 'science' %}active{% endif %}">
<a href="{% url 'front:science' %}">消防科普</a>
</li>
{##}
{# <!-- 信息公开 -->#}
{# <li class="{% if request.resolver_match.url_name == 'info' %}active{% endif %}">#}
{# <a href="{% url 'front:info' %}">信息公开</a>#}
{# </li>#}
{# <!-- 党建引领 -->#}
{# <li class="{% if request.resolver_match.url_name == 'party' %}active{% endif %}">#}
{# <a href="{% url 'front:party' %}">党建引领</a>#}
{# </li>#}
{# <!-- 办事服务 -->#}
{# <li class="{% if request.resolver_match.url_name == 'service' %}active{% endif %}">#}
{# <a href="{% url 'front:service' %}">办事服务</a>#}
{# </li>#}
{# <!-- 互动交流 -->#}
{# <li class="{% if request.resolver_match.url_name == 'interaction' %}active{% endif %}">#}
{# <a href="{% url 'front:interaction' %}">互动交流</a>#}
{# </li>#}
{# <!-- 消防科普 -->#}
{# <li class="{% if request.resolver_match.url_name == 'science' %}active{% endif %}">#}
{# <a href="{% url 'front:science' %}">消防科普</a>#}
{# </li>#}
</ul>
</div>
<span></span>
@@ -81,75 +84,77 @@
<main class="container main" style="padding: 10px 5px !important;">
{% block content %}{% endblock %}
</main>
<!-- 底部页脚:只需要写这一行,全站生效! -->
{% show_footer %}
<!-- 底部 -->
<footer class="footer">
<div class=" d-none d-md-block">
<div class="row"
style="align-items: center;justify-content: space-evenly;padding: 15px 0;background-color: #F5F5F5;width: 100%!important;margin-left: 0 !important;gap: 10px;">
<div style="display: flex;align-items: center;">
<img src="{% static "icons/link.svg" %}" alt="" style="width: 13px; height: 13px; object-fit: contain;">
<a href="#"
style="margin-left: 6px; text-decoration: none; color: #13227a; font-size: 14px; white-space: nowrap;">
友情链接
</a>
</div>
<div style="width: 280px;">
<select class="form-control" id="exampleFormControlSelect1"
x-placement="市政府网站"
>
<option>市政府网站</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div style="display: block;width: 280px;">
<select class="form-control" id="exampleFormControlSelect1"
x-placement="国内消防站点"
>
<option>国内消防站点</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
</div>
<div class="footer-info">
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<img src="{% static 'images/red.png' %}">
<img class="footerImg" src="{% static 'images/jiucuo.png' %}">
</div>
<div class="col-lg-6 d-none d-xl-block">
<p class="margin-top-20 font-size-14 line-height-2 footerColor">
地址:某某市某某东路锦海·某某区大厦B栋14楼 邮编:xxxxxx
</p>
<p class="font-size-14 line-height-2 footerColor">
服务热线:0791-00000000 传真:0791-00000000
</p>
</div>
<div class="col-lg-3 col-md-6 text-center">
<img src="/media/upload/images/2026/03/25/wechat.png" alt="">
<img class="footerImg" src="/media/upload/images/2026/03/25/weibo.png" alt="">
</div>
</div>
<div class="copyright text-center line-height-2 padding-bottom-20 padding-top-20">
<p class="margin-top-20 font-size-14 line-height-2 footerColor">
版权所有:长白山消防救援支队 备案证号:<a href="http://beian.miit.gov.cn/"
target="_blank">辽ICP备xxxxxxxx号</a>
</p>
</div>
</div>
</footer>
{#<footer class="footer">#}
{# <div class=" d-none d-md-block">#}
{# <div class="row"#}
{# style="align-items: center;justify-content: space-evenly;padding: 15px 0;background-color: #F5F5F5;width: 100%!important;margin-left: 0 !important;gap: 10px;">#}
{# <div style="display: flex;align-items: center;">#}
{# <img src="{% static "icons/link.svg" %}" alt="" style="width: 13px; height: 13px; object-fit: contain;">#}
{# <a href="#"#}
{# style="margin-left: 6px; text-decoration: none; color: #13227a; font-size: 14px; white-space: nowrap;">#}
{# 友情链接#}
{# </a>#}
{# </div>#}
{# <div style="width: 280px;">#}
{# <select class="form-control" id="exampleFormControlSelect1"#}
{# x-placement="市政府网站"#}
{# >#}
{# <option>市政府网站</option>#}
{# <option>1</option>#}
{# <option>2</option>#}
{# <option>3</option>#}
{# <option>4</option>#}
{# <option>5</option>#}
{# </select>#}
{# </div>#}
{# <div style="display: block;width: 280px;">#}
{# <select class="form-control" id="exampleFormControlSelect1"#}
{# x-placement="国内消防站点"#}
{# >#}
{# <option>国内消防站点</option>#}
{# <option>1</option>#}
{# <option>2</option>#}
{# <option>3</option>#}
{# <option>4</option>#}
{# <option>5</option>#}
{# </select>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="footer-info">#}
{# <div class="row">#}
{# <div class="col-lg-3 col-md-6 text-center">#}
{# <img src="{% static 'images/red.png' %}">#}
{# <img class="footerImg" src="{% static 'images/jiucuo.png' %}">#}
{# </div>#}
{# <div class="col-lg-6 d-none d-xl-block">#}
{# <p class="margin-top-20 font-size-14 line-height-2 footerColor">#}
{# 地址:某某市某某东路锦海·某某区大厦B栋14楼 邮编:xxxxxx#}
{# </p>#}
{# <p class="font-size-14 line-height-2 footerColor">#}
{# 服务热线:0791-00000000 传真:0791-00000000#}
{# </p>#}
{# </div>#}
{# <div class="col-lg-3 col-md-6 text-center">#}
{# <img src="/media/upload/images/2026/03/25/wechat.png" alt="">#}
{# <img class="footerImg" src="/media/upload/images/2026/03/25/weibo.png" alt="">#}
{# </div>#}
{# </div>#}
{# <div class="copyright text-center line-height-2 padding-bottom-20 padding-top-20">#}
{# <p class="margin-top-20 font-size-14 line-height-2 footerColor">#}
{# 版权所有:长白山消防救援支队 备案证号:<a href="http://beian.miit.gov.cn/"#}
{# target="_blank">辽ICP备xxxxxxxx号</a>#}
{# </p>#}
{# </div>#}
{# </div>#}
{#</footer>#}
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
</body>
</html>
</html>