article_list.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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. <meta name="referrer" content="no-referrer" />
  12. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  15. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  17. <link rel="stylesheet" type="text/css" href="../css/article_list.css"/>
  18. </head>
  19. <body class="bgc-f2f4f6">
  20. <div id="memberContainer"></div>
  21. <div class="main-content">
  22. <div id="slider" class="mui-slider mui-fullscreen">
  23. <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
  24. <div class="c-row bgc-fff" id="categoryBox">
  25. </div>
  26. </div>
  27. <div class="mui-slider-group">
  28. <div id="item1" class="mui-slider-item mui-control-content mui-active">
  29. <div class="mui-scroll-wrapper">
  30. <div class="mui-scroll">
  31. <ul id="recordList0" class="mb40">
  32. </ul>
  33. </div>
  34. </div>
  35. <div class="div-no-info c-hide">
  36. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  37. <div class="info-text c-f14">暂无记录</div>
  38. </div>
  39. <div id="read_all0" style="display:block;position: fixed; bottom: 20px; right: 20px; background-color: rgba(0,0,0,0.6); width: 50px; height: 50px; border-radius: 50%; text-align: center; z-index: 200;">
  40. <span class="c-fff c-f16" style="display:inline-block; line-height: 20px; margin-top: 5px;">一键<br/>已读</span>
  41. </div>
  42. </div>
  43. <div id="item2" class="mui-slider-item mui-control-content">
  44. <div class="mui-scroll-wrapper">
  45. <div class="mui-scroll">
  46. <ul id="recordList1" class="mb40">
  47. </ul>
  48. </div>
  49. </div>
  50. <div class="div-no-info c-hide">
  51. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  52. <div class="info-text c-f14">暂无记录</div>
  53. </div>
  54. <div id="read_all1" style="display:block;position: absolute; bottom: 20px; right: 20px; background-color: rgba(0,0,0,0.6); width: 50px; height: 50px; border-radius: 50%; text-align: center; z-index: 200;">
  55. <span class="c-fff c-f16" style="display:inline-block; line-height: 20px; margin-top: 5px;">一键<br/>已读</span>
  56. </div>
  57. </div>
  58. <div id="item3" class="mui-slider-item mui-control-content">
  59. <div class="mui-scroll-wrapper">
  60. <div class="mui-scroll">
  61. <ul id="recordList2" class="mb40 mui-table-view" style="background-color: #F2F4F6;margin-top: 10px;">
  62. </ul>
  63. </div>
  64. </div>
  65. <div class="div-no-info c-hide">
  66. <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
  67. <div class="info-text c-f14">暂无记录</div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <div id="building" class="c-hide">
  74. <div style="position: absolute; width: 100%; top: 50%; margin-top: -125px;">
  75. <img src="../../../images/03queshengye_img.png" width="100%" alt="" />
  76. <p class="mt30 c-f14 c-909090 c-t-center">正在建设中,敬请期待...</p>
  77. </div>
  78. </div>
  79. <!--渲染文章分类(一级标题)-->
  80. <script type="text/html" id="categoryList">
  81. {{each list as val i}}
  82. {{if i==0}}
  83. <div class="c-33 c-t-center" id="tab{{i}}" data-type="{{val.categoryid}}">
  84. <a class="c-f16 mui-control-item mui-active" href="#item{{i+1}}" data-type="{{val.categoryid}}">{{val.categoryname}}</a>
  85. </div>
  86. {{/if}}
  87. {{if i > 0}}
  88. <div class="c-33 c-t-center" id="tab{{i}}" data-type="{{val.categoryid}}">
  89. <a class="c-f16 mui-control-item" href="#item{{i+1}}" data-type="{{val.categoryid}}">{{val.categoryname}}</a>
  90. </div>
  91. {{/if}}
  92. {{/each}}
  93. <div class="c-33 c-t-center">
  94. <a class="c-f16 mui-control-item" href="#item3">我的收藏</a>
  95. </div>
  96. </script>
  97. <!--公告通知列表-->
  98. <script type="text/html" id="annoce_list_temp">
  99. {{each list as it}}
  100. <li class="article-li" data-code="{{it.article}}" data-id="{{it.articleId}}">
  101. <div class="sharer-info">
  102. <div class="c-avatar-m c-images-cycle mr10">
  103. <img src="{{it.photo | setPhoto}}">
  104. </div>
  105. <div class="">
  106. <h4 class="c-f16 c-bold c-333 mt5 mb5">{{it.sendName}}</h4>
  107. <p class="c-f12 c-909090">{{it.createTime | setTimer}}</p>
  108. </div>
  109. </div>
  110. <div class="content-detail c-nowrap-multi">
  111. <span class="c-333 c-f16">医生留言:</span>
  112. <span class="info2 c-f16">{{it.leaveWords}}</span>
  113. </div>
  114. <div class="content-detail c-nowrap-multi">
  115. <span class="c-333 c-f16">公告标题:</span>
  116. <span class="info c-f16">{{it.attachedTitle}}</span>
  117. </div>
  118. <div class="view-detail c-f14 c-909090">
  119. <label>查看文章详情</label>
  120. <div class="c-arrow-r"></div>
  121. </div>
  122. <div class="new-flag {{(it.isread)==0?'':'f-dn'}}"><img style="width:30px;height:30px;" src="../images/new_icon.png"></div>
  123. </li>
  124. {{/each}}
  125. </script>
  126. <!--我的文章列表-->
  127. <script type="text/html" id="article_list_temp">
  128. {{each list as it}}
  129. <li class="article-li" data-code="{{it.article}}" data-id="{{it.articleId}}">
  130. <div class="sharer-info">
  131. <div class="c-avatar-m c-images-cycle mr10">
  132. <img src="{{it.photo | setPhoto}}">
  133. </div>
  134. <div class="">
  135. <h4 class="c-f16 c-bold c-333 mt5 mb5">{{it.sendName}}</h4>
  136. <p class="c-f12 c-909090">{{it.createTime | setTimer}}</p>
  137. </div>
  138. </div>
  139. <div class="content-detail c-nowrap-multi">
  140. <span class="c-333 c-f16">医生留言:</span>
  141. <span class="info2 c-f16">{{it.leaveWords}}</span>
  142. </div>
  143. <div class="content-detail c-nowrap-multi">
  144. <span class="c-333 c-f16">文章标题:</span>
  145. <span class="info c-f16">{{it.attachedTitle}}</span>
  146. </div>
  147. <div class="view-detail c-f14 c-909090">
  148. <label>查看文章详情</label>
  149. <div class="c-arrow-r"></div>
  150. </div>
  151. <div class="new-flag {{(it.isread)==0?'':'f-dn'}}"><img style="width:30px;height:30px;" src="../images/new_icon.png"></div>
  152. </li>
  153. {{/each}}
  154. </script>
  155. <!--我的收藏列表-->
  156. <script type="text/html" id="myCollection_list_temp">
  157. {{each list as it}}
  158. <li class="article-li bgc-fff" data-code="{{it.article}}" data-id="{{it.articleId}}">
  159. <p class="c-nowrap collec-title c-f16">{{it.articleTitle}}</p>
  160. <div class="c-border-t c-border-b collec-content" data-article-code="{{it.code}}" data-title="{{it.title}}">
  161. <!--<div class="image-item fl mr10">
  162. {{if it.articleCover}}
  163. <img src="{{it.articleCover | setPhoto}}">
  164. {{/if}}
  165. </div>-->
  166. {{if it.articleCover}}
  167. <div class="image-item fl mr10">
  168. <img src="{{it.articleCover | setPhoto}}">
  169. </div>
  170. {{/if}}
  171. <h4 class="c-nowrap c-nowrap-multi"><span class="c-f14">分类: </span><span class="c-f12">{{it.secondLevelCategoryName}}</span></h4>
  172. <p class="c-nowrap c-333333 p-mrt c-nowrap-multi">
  173. {{if it.firstLevelCategoryName=='公告通知'}}
  174. <span class="c-f14">公告标题: </span>
  175. {{else}}
  176. <span class="c-f14">文章标题: </span>
  177. {{/if}}
  178. <span class="c-f12">{{it.articleTitle}}</span>
  179. </p>
  180. <p class="content-collec-time c-f12">收藏时间:{{it.insertTime | setTimer}}</p>
  181. </div>
  182. </li>
  183. {{/each}}
  184. </script>
  185. <div class="div-no-search-info f-dn">
  186. <div class="div-img"></div>
  187. <div style=" vertical-align: middle; margin: 15px auto 30px;text-align: center;">
  188. 无相关健康教育记录
  189. </div>
  190. </div>
  191. </body>
  192. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  193. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  194. <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  195. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  196. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  197. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  198. <script src="../../../js/underscore.js"></script>
  199. <script src="../../../js/es6-promise.js"></script>
  200. <script src="../../../js/family-members.js"></script>
  201. <script type="text/javascript" src="../js/article_list.js"></script>
  202. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  203. </html>