preview.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <title>文章详情</title>
  9. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  10. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  11. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  12. <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css"/>
  13. <style type="text/css">
  14. .main{padding: 10px;margin-bottom: 60px;}
  15. .c-ff0000{color: #FF0000;}
  16. .c-f20{font-size: 20px;}
  17. .topContent{}
  18. .topTitle{}
  19. .topCategory{}
  20. .handle-bar{
  21. position: fixed;
  22. bottom: 0;
  23. left: 0;
  24. width: 100%;
  25. background-color: #fff;
  26. z-index: 10;
  27. display: -webkit-box;
  28. padding: 3px 0;
  29. }
  30. .handle-bar div {
  31. -webkit-box-flex: 1;
  32. width: 0;
  33. padding-top: 8px;
  34. box-sizing: border-box;
  35. -webkit-box-sizing: border-box;
  36. -moz-box-sizing: border-box;
  37. position: relative;
  38. text-align: center;
  39. height: 40px;
  40. }
  41. .handle-bar div:first-child {
  42. border-right: 1px solid #e1e1e1;
  43. }
  44. .handle-bar div img{
  45. vertical-align: middle;
  46. margin-right: 12px;
  47. width: 17px;
  48. height: 17px;
  49. margin-top: 0px;
  50. margin-bottom:0px;
  51. }
  52. p{
  53. color: #333;
  54. white-space: normal;
  55. line-height: 20px;
  56. text-align: justify;
  57. margin-top: 12px;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <div class="h45">
  63. <div class="demo-comtop">
  64. <a class="mui-action-back"></a>
  65. <h1 class="mui-title" style="color:#fff;">文章预览</h1>
  66. <span class="header-link c-f16 c-fff c-bold" id="isEdit"></span>
  67. </div>
  68. </div>
  69. <div id="main">
  70. <!--<div class="main">
  71. <div class="topContent">
  72. <div class="topTitle c-f14 c-bold c-nowrap">二十四节气养生之雨水养生二十四节气养生之雨水养生</div>
  73. <div class="topCategory c-f12 mb10">
  74. <span class="c-909090">2017-08-29 09:28:28</span>
  75. <span class="fr">高血压知识</span>
  76. </div>
  77. </div>
  78. <div class="centerContent">
  79. <div class="c-nowrap c-f18 c-bold" style="height: 35px;text-align: center;border-bottom: 1px dashed #909090;">二十四节气养生之雨水养生</div>
  80. <p>二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生</p>
  81. <img src="../images/new_icon.png" alt=""/>
  82. <p>二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生二十四节气养生之雨水养生</p>
  83. </div>
  84. </div>
  85. <div class="bottomContent"><div class="c-f16 c-ff0000 c-bold">未认证</div></div>-->
  86. </div>
  87. </body>
  88. <script type="text/html" id="articlePreview_tmpl">
  89. <div class="main">
  90. <div class="topContent">
  91. <div class="topTitle c-f14 c-bold c-nowrap">{{it.articleTitle}}</div>
  92. <div class="topCategory c-f12 mb10">
  93. <!--<span class="c-909090">{{it.insertTime}}</span>-->
  94. <span class="fr">{{it.secondLevelCategoryName}}</span>
  95. </div>
  96. </div>
  97. <div class="centerContent">
  98. <div class="c-nowrap c-f18 c-bold" style="height: 35px;text-align: center;border-bottom: 1px dashed #909090;">{{it.articleTitle}}</div>
  99. {{#it.content}}
  100. </div>
  101. </div>
  102. </script>
  103. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  104. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  105. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  106. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  107. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  108. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  109. <script src="../js/preview.js" type="text/javascript" charset="utf-8"></script>
  110. </html>