lay_edu_article_detail.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. <title>健康教育文章详情</title>
  10. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
  11. <link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css" />
  12. <link rel="stylesheet" href="../css/article_detail.css"/>
  13. </head>
  14. <body>
  15. <div id="app" class="article_container">
  16. <div class="pc-container">
  17. <p class="article-title text-center" v-text="educationData.articleTitle"></p>
  18. <div class="article-info">
  19. <div class="clearfix">
  20. <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>
  21. <div class="fl wid-40 c-666">优先级:<span class="c-333" v-text="educationData.articleleveName"></span></div>
  22. </div>
  23. <div class="clearfix">
  24. <div class="fl wid-60 c-666">认证机构:<span class="c-333" v-text="educationData.authentication"></span></div>
  25. <div class="fl wid-40 c-666">文章使用范围:<span class="c-333" v-text="educationData.userscopeName"></span></div>
  26. </div>
  27. </div>
  28. <div class="article-content" v-html="educationData.articleContent"></div>
  29. </div>
  30. <div class="mobile">
  31. <img class="mobile-shell" src="../images/phone.png" />
  32. <div class="mobile-top black-grey-black">
  33. <img class="mobile-status" src="../images/top.png" />
  34. <div class="mobile-browser-top clearfix">
  35. <span class="pull-left">返回</span>
  36. <span class="pull-right">···</span>
  37. <div class="mobile-browser-title">文章详情</div>
  38. </div>
  39. </div>
  40. <div class="mobile-container">
  41. <div class="mobile-text">
  42. <p class="article-title2" v-text="educationData.articleTitle"></p>
  43. <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>
  44. <div class="article-content" v-html="educationData.articleContent"></div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </body>
  50. <script type="text/javascript" src="../../../js/vue.js"></script>
  51. <script type="text/javascript" src="../../../js/jquery-2.2.4.js" ></script>
  52. <script src="../../../plugins/slimscroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
  53. <script src="../../../js/es6-promise.js"></script>
  54. <script src="../../../js/underscore.js"></script>
  55. <script src="../../../plugins/toastr/toastr.min.js"></script>
  56. <script src="../../../api/http-request.js"></script>
  57. <script src="../../../api/record-api.js"></script>
  58. <script src="../../../js/util.js"></script>
  59. <script src="../js/education-detail.js"></script>
  60. </html>