article.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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/cross.css" />
  12. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  13. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  17. <style type="text/css">
  18. .article-content img{
  19. display: block;
  20. width: 100%;
  21. margin-bottom: 10px;
  22. }
  23. .article-content p{text-indent: 2rem;}
  24. .p10{padding: 10px;}
  25. #footer {
  26. position: absolute;
  27. bottom: 0;
  28. left: 0;
  29. z-index: 5;
  30. width: 100%;
  31. }
  32. .btn-green {
  33. height: 40px;
  34. line-height: 40px !important;
  35. padding: 0;
  36. font-size: 16px;
  37. background-color: #74bf00;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div id="wrapper1" ><!--class="mb50"-->
  43. <div class="iScroller">
  44. </div>
  45. <div id="footer" style="position: fixed;">
  46. <div class="mlr15 mtb10">
  47. <a href="javascript:;" id="zixun" class="c-btn c-btn-full c-btn-radius btn-green" >对文章有疑问?点击发起医生咨询</a>
  48. </div>
  49. </div>
  50. </div>
  51. <script type="text/html" id="article_temp">
  52. <div class="c-content p10 bgc-fff">
  53. <h1 class="c-f18 c-bold c-333">{{title}}</h1>
  54. <div class="c-f13 c-909090 mb20">
  55. <span>{{czrq}}</span>
  56. <span class="fr">{{readAmount}}人浏览</span>
  57. </div>
  58. <div id="articleContent" class="article-content c-f14 c-333">
  59. <img src="{{url | setPhoto}}">
  60. <p>
  61. {{#content}}
  62. </p>
  63. </div>
  64. </div>
  65. </script>
  66. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  67. <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  68. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  69. <script type="text/javascript" src="../../../js/weixin_common.js?1=2" ></script>
  70. <script type="text/javascript" src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  71. <script type="text/javascript" src="../../../js/iscroll-probe.js"></script>
  72. <script type="text/javascript" src="../../../js/iscroll-pull-up-down.js"></script>
  73. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  74. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  75. <script type="text/javascript" src="../js/article.js?v=1.3.4"></script>
  76. </body>
  77. </html>