lay_edu_article_detail.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp">
  8. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  9. <meta name="referrer" content="no-referrer" />
  10. <title>健康教育文章详情</title>
  11. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
  12. <link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css" />
  13. <link rel="stylesheet" href="../css/article_detail.css"/>
  14. </head>
  15. <body>
  16. <div id="app" class="article_container">
  17. <div class="pc-container">
  18. <p class="article-title text-center" v-text="educationData.articleTitle"></p>
  19. <div class="article-info">
  20. <div class="clearfix">
  21. <div class="fl wid-60 c-666">分类:<span class="c-333" v-text="educationData.firstLevelCategoryName"></span> <span class="c-333" v-text="educationData.secondLevelCategoryName"></span></div>
  22. <div class="fl wid-40 c-666">优先级:<span class="c-333" v-text="educationData.articleleveName"></span></div>
  23. </div>
  24. <div class="clearfix">
  25. <div class="fl wid-60 c-666">认证机构:<span class="c-333" v-text="educationData.authentication"></span></div>
  26. <div class="fl wid-40 c-666">文章使用范围:<span class="c-333" v-text="educationData.userscopeName"></span></div>
  27. </div>
  28. </div>
  29. <div class="article-content" v-html="educationData.articleContent"></div>
  30. </div>
  31. <div class="mobile">
  32. <img class="mobile-shell" src="../images/phone.png" />
  33. <div class="mobile-top black-grey-black">
  34. <img class="mobile-status" src="../images/top.png" />
  35. <div class="mobile-browser-top clearfix">
  36. <span class="pull-left">返回</span>
  37. <span class="pull-right">···</span>
  38. <div class="mobile-browser-title">文章详情</div>
  39. </div>
  40. </div>
  41. <div class="mobile-container">
  42. <div class="mobile-text">
  43. <p class="article-title2" v-text="educationData.articleTitle"></p>
  44. <p class="time-look"><span class="pull-right" v-text="educationData.browseNumber+'人浏览'"></span><span v-text="educationData.updateTime?educationData.updateTime.substr(0,19):''"></span></p>
  45. <div class="article-content" v-html="educationData.articleContent"></div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. </body>
  51. <script type="text/javascript" src="../../../js/vue.js"></script>
  52. <script type="text/javascript" src="../../../js/jquery-2.2.4.js" ></script>
  53. <script src="../../../plugins/slimscroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
  54. <script src="../../../js/es6-promise.js"></script>
  55. <script src="../../../js/underscore.js"></script>
  56. <script src="../../../plugins/toastr/toastr.min.js"></script>
  57. <script src="../../../api/http-request.js"></script>
  58. <script src="../../../api/record-api.js"></script>
  59. <script src="../../../js/util.js"></script>
  60. <script src="../js/education-detail.js"></script>
  61. </html>