article2.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  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/cross.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  14. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
  17. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  18. <style type="text/css">
  19. html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6{font-size:100%; }
  20. .article-content img{
  21. display: block;
  22. width: 100%;
  23. margin-bottom: 10px;
  24. }
  25. /*.article-content p{text-indent: 2rem;}*/
  26. .p10{padding: 10px;}
  27. #footer {
  28. position: absolute;
  29. bottom: 0;
  30. left: 0;
  31. z-index: 5;
  32. width: 100%;
  33. }
  34. .btn-green {
  35. height: 40px;
  36. line-height: 40px !important;
  37. padding: 0;
  38. font-size: 16px;
  39. background-color: #74bf00;
  40. }
  41. .handle-bar{
  42. position: fixed;
  43. bottom: 0;
  44. left: 0;
  45. width: 100%;
  46. background-color: #fff;
  47. z-index: 10;
  48. display: -webkit-box;
  49. padding: 3px 0;
  50. }
  51. .handle-bar div{
  52. -webkit-box-flex: 1;
  53. width: 0;
  54. padding-top: 8px;
  55. box-sizing: border-box;
  56. -webkit-box-sizing: border-box;
  57. -moz-box-sizing: border-box;
  58. position: relative;
  59. text-align: center;
  60. height: 40px;
  61. }
  62. .handle-bar div:first-child{
  63. border-right: 1px solid #e1e1e1;
  64. }
  65. .handle-bar div img{
  66. vertical-align: middle;
  67. margin-right: 12px;
  68. }
  69. </style>
  70. </head>
  71. <body>
  72. <div id="wrapper1"><!--class="mb50"-->
  73. <div class="iScroller" style="padding-bottom: 50px;">
  74. </div>
  75. <div class="handle-bar c-border-t c-f16">
  76. </div>
  77. </div>
  78. <script type="text/html" id="article_temp">
  79. <div class="c-content p10 bgc-fff">
  80. <h1 class="c-f18 c-bold c-333">{{it.articleTitle}}</h1>
  81. <div class="c-f13 c-909090 mb20">
  82. <span>{{it.updateTime | setTimer}}</span>
  83. <span class="fr">{{it.browseNumber}}人浏览</span>
  84. </div>
  85. <div id="articleContent" class="article-content c-f14 c-333" style="word-wrap: break-word;">
  86. <img src="{{url | setPhoto}}">
  87. <p>
  88. {{#content}}
  89. </p>
  90. </div>
  91. </div>
  92. </script>
  93. <script type="text/html" id="article_temp2">
  94. {{if collectionNumber}}
  95. <div class="collection" data-status="{{isCollection}}" article-id={{articleId}}>
  96. <img src="{{(isCollection)==0?'../images/shoucang_button.png':'../images/shoucang_pre.png'}}" width="17">
  97. <span>{{(isCollection)==0?'收藏':'已收藏'}}</span>
  98. </div>
  99. {{/if}}
  100. </script>
  101. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  102. <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  103. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  104. <script type="text/javascript" src="../../../js/weixin_common.js?1=2" ></script>
  105. <script type="text/javascript" src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  106. <script type="text/javascript" src="../../../js/iscroll-probe.js"></script>
  107. <script type="text/javascript" src="../../../js/iscroll-pull-up-down.js"></script>
  108. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  109. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  110. <script type="text/javascript" src="../js/article2.js?v=1.3.4"></script>
  111. </body>
  112. </html>