search.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  7. <meta name="renderer" content="webkit">
  8. <meta name="keywords" content=" "/>
  9. <meta name="description" content=" "/>
  10. <title>新闻搜索_{$config['site_name']}</title>
  11. <link rel="stylesheet" href="__ADDON__/css/swiper.css">
  12. <link rel="stylesheet" href="__ADDON__/css/style.css">
  13. <link rel="stylesheet" href="__ADDON__/css/media.css">
  14. <link rel="stylesheet" href="__ADDON__/css/animate.min.css">
  15. <link rel="shortcut icon" href="__ADDON__/images/favicon.ico">
  16. </head>
  17. <body>
  18. <!--头部-->
  19. {include file="header" /}
  20. <!--内容-->
  21. <div id="bann" style="background-image: url({$config['banner4']});">
  22. <div class="container">
  23. <div class="t1 wow fadeInUp" data-wow-delay="200ms">
  24. NEWS SEARCH<br>
  25. </div>
  26. <div class="t2 wow fadeInUp" data-wow-delay="300ms">
  27. <span>新闻搜索</span>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  32. <div class="container">
  33. <a class="home" href="{:addon_url('wwh/index/index')}"><img src="__ADDON__/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  34. <div class="first no-a">
  35. <h4>新闻搜索页</h4>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="nav_phone hide container ">
  40. <p><a href="{:addon_url('wwh/index/index')}">首页</a></p>
  41. <p><a href="javascript:;">新闻搜索页</a></p>
  42. </div>
  43. <div id="news">
  44. <div class="news_con newsbox">
  45. <div class="container pr clearfix">
  46. <div class="artInfo-left">
  47. <div class="newslist">
  48. <ul>
  49. <div id="shuju">
  50. {volist name="list" id="vo" empty="没有您搜索的相关数据"}
  51. <li class="wow fadeInUp" data-type="volist">
  52. <div class="N-pic ofH com-img">
  53. <a href="{:addon_url('wwh/index/news_detail',[':id'=>$vo['id']])}"><img src="{$vo['image']}" alt=""></a>
  54. </div>
  55. <div class="N-note">
  56. <h4><a href="{:addon_url('wwh/index/news_detail',[':id'=>$vo['id']])}">{$vo['newsname']}</a></h4>
  57. <p>​{$vo['summary']}</p>
  58. <a href="{:addon_url('wwh/index/news_detail',[':id'=>$vo['id']])}" class="more">查看详情</a>
  59. </div>
  60. </li>
  61. {/volist}
  62. </div>
  63. </ul>
  64. </div>
  65. <div class="fenye wow fadeInUp" data-wow-delay="300ms">{$page}</div>
  66. </div>
  67. <div class="artInfo-right wow fadeInRight" data-wow-delay="300ms">
  68. <div class="aiAbout-news">
  69. <div class="top">热门文章</div>
  70. <ul class="list">
  71. {volist name="news2" id="vo"}
  72. <li>
  73. <div class="date">{$vo.time|strtotime|date="Y年m月d日",###}</div>
  74. <div class="name"><a href="{:addon_url('wwh/index/news_detail',[':id'=>$vo['id']])}" title="">{$vo['newsname']}</a></div>
  75. </li>
  76. {/volist}
  77. </ul>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <!--底部-->
  84. {include file="footer" /}
  85. <script src="__ADDON__/js/jquery.min.js"></script>
  86. <script src="__ADDON__/js/style.js"></script>
  87. <script src="__ADDON__/js/wow.min.js"></script>
  88. <script src="__ADDON__/js/index.js"></script>
  89. <script type="text/javascript">
  90. $('.header-container .clearfix .H-nav .Hnav-menu').eq(5).addClass('nav-active');//顶部导航变色
  91. $(document).on('click','.pagination a',function(event){
  92. event.preventDefault();
  93. _this = $(this);
  94. var href = _this.attr("href");
  95. $.ajax({
  96. url:href,
  97. dataType:'json',
  98. type:"post",
  99. data:[],
  100. success:function(res){
  101. console.log(res);
  102. $("#shuju").empty();
  103. var str = "";
  104. $.each(res.list.data,function(k,v){
  105. str+='<li class="wow fadeInUp" data-type="volist">\
  106. <div class="N-pic ofH com-img">\
  107. <a href="{:addon_url('wwh/index/news_detail',[':id'=>"'+v.id+'"])}"><img src="'+v.image+'" alt=""></a>\
  108. </div>\
  109. <div class="N-note">\
  110. <h4><a href="{:addon_url('wwh/index/news_detail',[':id'=>"'+v.id+'"])}">'+v.newsname+'</a></h4>\
  111. <p>​'+v.summary+'</p>\
  112. <a href="{:addon_url('wwh/index/news_detail',[':id'=>"'+v.id+'"])}" class="more">查看详情</a>\
  113. </div>\
  114. </li>';
  115. });
  116. location.href = "#nav";
  117. $('#shuju').html(str);
  118. $(".fenye").html(res.page);
  119. }
  120. })
  121. });
  122. </script>
  123. </body>
  124. </html>