health-article-list.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>健康文章列表</title>
  6. <meta name="author" content="yihu.com"/>
  7. <meta name="format-detection" content="telephone=no"/>
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  9. <meta name="apple-mobile-web-app-capable" content="yes"/>
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  11. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  14. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  15. <link rel="stylesheet" href="../css/health-article-list.css" />
  16. </head>
  17. <body>
  18. <div class="lin-search-ipt" style="border-bottom: 1px solid #dcdcdc;">
  19. <form onsubmit="search()" style="width: 100%;">
  20. <div class="div-input">
  21. <input id="searchPut" placeholder="请输入疾病、病症" class="f-fs12"/>
  22. </div>
  23. </form>
  24. </div>
  25. <div id="articleContent">
  26. <div class="mui-scroll-wrapper" style="top: 45px;">
  27. <div class="mui-scroll">
  28. <ul class="c-list c-border-tb" id="articleList">
  29. </ul>
  30. </div>
  31. </div>
  32. <div class="div-no-info c-hide">
  33. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  34. <div class="info-text c-f14">暂无数据</div>
  35. </div>
  36. </div>
  37. <script type="text/html" id="articleTmp">
  38. {{each list as v i}}
  39. <li class="ptb12" data-id="{{v.articleid}}">
  40. <div class="c-list-info">
  41. <div class="c-nowrap-multi jkwz-title" data-id="{{v.articleid}}">
  42. {{if v.articleType == 1}}
  43. <span class="tuwen-common shipin">视频</span>
  44. {{else if v.articleType == 3}}
  45. <span class="tuwen-common tupian">音频</span>
  46. {{else if v.articleType == 4}}
  47. <span class="tuwen-common tupian">精选回答</span>
  48. {{else}}
  49. <span class="tuwen-common tupian">图文</span>
  50. {{/if}}
  51. {{v.articletitle}}
  52. </div>
  53. <div style="height: 10px;font-size: 10px;color: #909090;margin-bottom: 6px;">
  54. {{v.insertTime | getDate}}
  55. </div>
  56. <div>
  57. <span class="tips"><img src="../images/icon_guankan.png" alt="" style="width: 13px;height: 8px;"/>{{v.browsenumber}}</span>
  58. <span class="tips"><img src="../images/icon_dianzan.png" alt="" style="width: 8px;height: 10px;"/>{{v.pointnumber}}</span>
  59. <span class="tips"><img src="../images/icon_huifu.png" alt="" style="width: 11px;height: 8px;"/>{{v.commentnumber}}</span>
  60. </div>
  61. </div>
  62. <div class="c-list-key">
  63. <div class="c-avatar-m">
  64. {{if v.articlecover}}
  65. <img src="{{v.articleCover | setPhoto}}" alt="" />
  66. {{else}}
  67. <img src="../images/moren.png" alt="" />
  68. {{/if}}
  69. </div>
  70. </div>
  71. </li>
  72. {{/each}}
  73. </script>
  74. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  75. <script src="../../../js/mui.min.js"></script>
  76. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  77. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  78. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  79. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  80. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  81. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  82. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  83. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  84. <script src="../js/health_article_list.js"></script>
  85. </body>
  86. </html>