newsList.1.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>新闻列表页</title>
  9. <link rel="stylesheet" href="{% static '/lib/font/fontIcon/iconfont.css' %}">
  10. <link rel="stylesheet" href="{% static '/lib/css/reset.css' %}">
  11. <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
  12. <link rel="stylesheet" href="{% static '/css/common.css' %}">
  13. <link rel="stylesheet" href="{% static '/css/module.css' %}">
  14. <link rel="stylesheet" href="{% static '/css/newsList.css' %}">
  15. </head>
  16. <body>
  17. <div class="header">
  18. <div class="headerTxt">
  19. <div class="wrapper">
  20. <p class="logoNameCn">休闲农业旅游网</p>
  21. <p class="logoNameEn">Leisure agricultural tourism network</p>
  22. </div>
  23. </div>
  24. <!-- 广告 -->
  25. <div class="bjColor advImg"></div>
  26. </div>
  27. <!-- 主体部分 -->
  28. <div class="content">
  29. <div class="wrapper">
  30. <div class="newsDiv">
  31. <!-- 面包屑导航 -->
  32. <div class="breadcrumb">
  33. <span class="layui-breadcrumb">
  34. <a href="home">首页</a>
  35. <a>
  36. <cite>新闻资讯</cite>
  37. </a>
  38. </span>
  39. <div class="searchDiv">
  40. <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
  41. </div>
  42. </div>
  43. <!-- 新闻列表 -->
  44. <div class="innerDiv">
  45. <ul class="newsList">
  46. {% for item in art_list %}
  47. <li class="newsItem">
  48. <a href="news_view">
  49. <img src="{% static '/imgs/aboutusimg.jpg' %}" alt="">
  50. <div class="newsDetial">
  51. <h2>{{item.title}}</h2>
  52. <div class="abstract-wrap">
  53. <p class="abstract-text">{{item.content|safe}}</p>
  54. </div>
  55. <div class="date">
  56. <span>{{item.upl_time}}</span>
  57. <a class="more" href="">more ></a>
  58. </div>
  59. </div>
  60. </a>
  61. </li>
  62. {% empty %}
  63. <li>空空如也</li>
  64. {% endfor %}
  65. <!-- <li class="newsItem">
  66. <a href="news_view">
  67. <img src="{% static '/imgs/aboutusimg.jpg' %}" alt="">
  68. <div class="newsDetial">
  69. <h2>标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h2>
  70. <div class="abstract-wrap">
  71. <p class="abstract-text">党的十八大以来,以习近平同志为核心的党中央高度,关于加强保密工作的一系列决策部署。习近平总书记多次就做好新形势下保密工作作出重要指示批示,提出明确要求。江西是中国革命的摇篮,也是党和国家保密事业的重要发源地之一。做好新时代江西保密工作,关于加强保密工作的一系列决策部署。习近平总书记多次就做好新形势下保密工作作出重要指示批示,提出明确要求。江西是中国革命的摇篮,也是党和国家保密事业的重要发源地之一。做好新时代江西保密工作,必须传承党的保密工作光荣传统,持续推进党中央决策部署落地见效必须传承党的保密工作光荣传统,持续推进党中央决策部署落地见效</p>
  72. </div>
  73. <div class="date">
  74. <span>2019-02-30</span>
  75. <a class="more" href="">more ></a>
  76. </div>
  77. </div>
  78. </a>
  79. </li> -->
  80. </ul>
  81. <!-- 分页 -->
  82. <div id="page"></div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <!-- 底部版权 -->
  88. <div class="footer bjColor">
  89. <div class="wrapper">
  90. <div class="floatDiv">
  91. <div class="copyrightTxt">
  92. <div>休闲农业旅游网</div>
  93. <div>联系人:李四  联系电话:13811111111</div>
  94. <div>地址:河南省郑州市XXXXXXXXXXXXXXXXXXXXXXXXXX</div>
  95. </div>
  96. <div class="WeChatCode">
  97. <img src="{% static '/imgs/WeChatCode.jpg' %}" alt="">
  98. <p>关注公众号</p>
  99. </div>
  100. </div>
  101. <div class="copyright">
  102. 版权所有XXXXXXXXXXXXXXXXXXXXXX
  103. </div>
  104. </div>
  105. </div>
  106. <script src="{% static '/lib/js/jquery-2.1.4.min.js'%}"></script>
  107. <script src="{% static '/lib/layui/layui.js'%}"></script>
  108. <script src="{% static '/js/newsList.js'%}"></script>
  109. </body>
  110. </html>