list.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
  8. <meta http-equiv="expires" content="0">
  9. <title>通知公告</title>
  10. <link rel="stylesheet" href="../../AFrontEnd/css/fontawesome/css/font-awesome.css">
  11. <script>document.write("<link href='../../css/home.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  12. <script>document.write("<link href='../../css/weui-work.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  13. <script>document.write("<link href='css/list.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. </head>
  15. <body>
  16. <div id="listBox">
  17. <div class="weui-search-bar" id="searchBar">
  18. <form class="weui-search-bar__form">
  19. <div class="weui-search-bar__box">
  20. <i class="weui-icon-search"></i>
  21. <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" v-model="keyWord">
  22. <a class="weui-search-bar__btn" href="javascript:" @click="searchKey">搜索</a>
  23. </div>
  24. </form>
  25. </div>
  26. <div class="active-tab">
  27. <div :class="{active:nowSort=='ID'}" @click="changeSort('ID')" ><i class="fa fa-angle-double-down"></i>默认排序</div>
  28. <div :class="{active:nowSort=='DZ'}" @click="changeSort('DZ')"><i class="fa fa-sort-numeric-desc"></i>点赞最多</div>
  29. <div :class="{active:nowSort=='PL'}" @click="changeSort('PL')"><i class="fa fa-sort-numeric-desc"></i>评论最多</div>
  30. </div>
  31. <div class="result-list">
  32. <div class="result-list-item" v-for="(item,index) in dataList" @click="goUrl(item)">
  33. <div class="item-title-box">
  34. <div class="item-title" v-html="(index+1)+'.'+item.BT"></div>
  35. </div>
  36. <div class="item-kind-box2">
  37. <div class="item-flow" v-html="item.FBBM"></div>
  38. <div class="item-date" v-html="item.FBRQ"></div>
  39. </div>
  40. </div>
  41. <div v-show="noDataTip==0" style="display: none;" class="weui-loadmore weui-loadmore_line" v-cloak>
  42. <span class="weui-loadmore__tips">暂无数据</span>
  43. </div>
  44. <div @click="loadMore" v-show="totalCount>0 && dataList.length<totalCount" class="weui-loadmore">
  45. <div style="color: #dddddd;">点击加载更多</div>
  46. </div>
  47. </div>
  48. </div>
  49. </body>
  50. <script src="../../js/base.js"></script>
  51. <script src="../../js/jquery-2.1.4.js" type="text/javascript"></script>
  52. <script src="../../js/fastclick.js" type="text/javascript"></script>
  53. <script src="../../js/weui.js" type="text/javascript"></script>
  54. <script src="../../AFrontEnd/js/vue/axios.min.js" type="text/javascript"></script>
  55. <script src="../../AFrontEnd/js/vue/vue.min.js" type="text/javascript"></script>
  56. <script src="../../AFrontEnd/js/vue/util.js" type="text/javascript"></script>
  57. <script src="../../js/sm4.js" type="text/javascript"></script>
  58. <script>document.write('<scri' + 'pt src="js/list.js?time=' + new Date().getTime() + '" type="text/javascript"><\/script>')</script>
  59. </html>