newsList.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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. <style>
  16. .layui-breadcrumb .curr cite{
  17. color: #3ab851;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="header">
  23. <div class="headerTxt">
  24. <div class="wrapper">
  25. <p class="logoNameCn">休闲农业旅游网</p>
  26. <p class="logoNameEn">Leisure agricultural tourism network</p>
  27. </div>
  28. </div>
  29. <!-- 广告 -->
  30. <div class="bjColor advImg"></div>
  31. </div>
  32. <!-- 主体部分 -->
  33. <div class="content">
  34. <div class="wrapper">
  35. <div class="newsDiv">
  36. <!-- 面包屑导航 -->
  37. <div class="breadcrumb">
  38. <span class="layui-breadcrumb">
  39. <a class="curr">
  40. <cite>
  41. <select name="" id="newsChange" onchange="newsChange(this)">
  42. <option value="5">新闻资讯</option>
  43. <option value="0">农业新闻</option>
  44. <option value="1">农业政策</option>
  45. <option value="2">农业技术</option>
  46. </select>
  47. </cite>
  48. </a>
  49. <a href="video_list?page=1">
  50. <cite>视频资讯</cite>
  51. </a>
  52. <a href="equip_show_list?page=1">
  53. <cite>产品展厅</cite>
  54. </a>
  55. </span>
  56. <div class="searchDiv">
  57. <input type="text" id="searchTitlt" value="{{con|default:''}}" placeholder="请输入标题" autocomplete="off" class="layui-input" >
  58. <button type="button" onclick="searchCon()" class="layui-btn layui-btn-ms"><i class="layui-icon">&#xe615;</i></button>
  59. </div>
  60. </div>
  61. <!-- 新闻列表 -->
  62. <div class="innerDiv">
  63. <ul class="newsList">
  64. {% if art|length %} {% for news in art %}
  65. <li class="newsItem">
  66. <a href="news_view?id={{news.id}}">
  67. <img src="{{ news.head_img }}" alt="">
  68. <div class="newsDetial">
  69. <h2>{{ news.title }}</h2>
  70. <div class="abstract-wrap">
  71. <p class="abstract-text">{{ news.intro }}</p>
  72. </div>
  73. <div class="date">
  74. <span>{{ news.upl_time|date:"Y年m月d日"}}</span>
  75. <!-- <a class="more" href="">more ></a> -->
  76. <span class="more">more ></span>
  77. </div>
  78. </div>
  79. </a>
  80. </li>
  81. {% endfor %} {% else %}
  82. <li class="newsItem">
  83. <!-- <a href="news_view">
  84. <img src="{% static '/imgs/farm/farm11.jpg' %}" alt="">
  85. <div class="newsDetial">
  86. <h2>农业比较效益低是退租弃耕症结所在</h2>
  87. <div class="abstract-wrap">
  88. <p class="abstract-text">有媒体近日报道称,部分粮食主产区新型经营主体出现退租现象。笔者认为,新型农业经营主体是市场主体,其成长有自身的内在规律。在培育新型主体过程中,必须尊重市场规律,既要在政策上扶持和倾斜,又要通过市场选择、优胜劣汰。虽然一时的经营情况无须过于在意,但要正视农业比较效益较低引发的农民种粮积极性问题,让有能力、有意愿务农的人敢于投身农业。</p>
  89. </div>
  90. <div class="date">
  91. <span>2019年03月25日</span>
  92. <a class="more" href="">more ></a>
  93. </div>
  94. </div>
  95. </a> -->
  96. <div style="text-align:center;line-height:200px;font-size:18px">暂无数据</div>
  97. </li>
  98. {% endif %}
  99. </ul>
  100. <!-- 分页 -->
  101. {% if art|length %}
  102. <div id="page"></div>
  103. <input type="hidden" value="{{nums}}" id="nums">
  104. <input type="hidden" value="{{page}}" id="currPage">
  105. {% else %}
  106. {% endif %}
  107. <!-- 类型 -->
  108. {% for news in art %}
  109. {% if forloop.first%}
  110. <input type="hidden" value="{{news.art_type}}" id="newsType">
  111. {% endif %}
  112. {% endfor %}
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <!-- 底部版权 -->
  118. <div class="footer bjColor">
  119. <div class="wrapper">
  120. <div class="floatDiv">
  121. <div class="copyrightTxt">
  122. <div>休闲农业旅游网</div>
  123. <div>联系人:李四  联系电话:13811111111</div>
  124. <div>地址:河南省郑州市XXXXXXXXXXXXXXXXXXXXXXXXXX</div>
  125. </div>
  126. <div class="WeChatCode">
  127. <img src="{% static '/imgs/WeChatCode.jpg' %}" alt="">
  128. <p>关注公众号</p>
  129. </div>
  130. </div>
  131. <div class="copyright">
  132. 版权所有XXXXXXXXXXXXXXXXXXXXXX
  133. </div>
  134. </div>
  135. </div>
  136. <script src="{% static '/lib/js/jquery-2.1.4.min.js'%}"></script>
  137. <script src="{% static '/lib/layui/layui.js'%}"></script>
  138. <script src="{% static '/js/newsList.js'%}"></script>
  139. </body>
  140. </html>