msgDetail.jsp 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8" %>
  3. <%@ include file="meta.jsp" %>
  4. <title>${siteName}</title>
  5. <style>
  6. body {
  7. -webkit-touch-callout: none;
  8. font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
  9. color: #333;
  10. background-color: #f2f2f2;
  11. letter-spacing: .034em;
  12. }
  13. .rich_media_content img {
  14. max-width: 100%;
  15. }
  16. p {
  17. color: #333;
  18. }
  19. .rich_media {
  20. padding: 20px 16px 12px;
  21. }
  22. .rich_media_title {
  23. font-size: 22px;
  24. line-height: 1.4;
  25. margin-bottom: 14px;
  26. margin-top: 0px;
  27. font-weight: 400;
  28. }
  29. .rich_media_meta_list {
  30. margin-bottom: 22px;
  31. line-height: 20px;
  32. font-size: 0;
  33. word-wrap: break-word;
  34. word-break: break-all;
  35. }
  36. .rich_media_meta_nickname {
  37. position: relative;
  38. }
  39. .rich_media_meta {
  40. display: inline-block;
  41. vertical-align: middle;
  42. margin: 0 10px 10px 0;
  43. color: #576b95;
  44. font-size: 15px;
  45. -webkit-tap-highlight-color: rgba(0,0,0,0);
  46. }
  47. .rich_media_meta_list em {
  48. font-style: normal;
  49. }
  50. .rich_media_meta_text {
  51. color: rgba(0,0,0,0.3);
  52. }
  53. .rich_media_content {
  54. overflow: hidden;
  55. color: #333;
  56. font-size: 17px;
  57. word-wrap: break-word;
  58. -webkit-hyphens: auto;
  59. -ms-hyphens: auto;
  60. hyphens: auto;
  61. text-align: justify;
  62. }
  63. .rich_media_tool {
  64. display: none;
  65. overflow: hidden;
  66. padding: 15px 0;
  67. line-height: 32px;
  68. font-size: 15px;
  69. }
  70. .rich_media_tool .meta_primary {
  71. margin-right: 20px;
  72. float: left;
  73. margin-right: 10px;
  74. color: rgba(0,0,0,0.3);
  75. }
  76. .rich_media_tool .meta_praise {
  77. min-width: 2.5em;
  78. color: #576b95;
  79. text-align: right;
  80. float: right;
  81. margin-left: 10px;
  82. -webkit-tap-highlight-color: rgba(0,0,0,0);
  83. outline: 0;
  84. }
  85. </style>
  86. </head>
  87. <body class="bgcolor1">
  88. <div class="mui-content bgcolor1">
  89. <div class="rich_media" style="">
  90. <h2 class="rich_media_title">
  91. </h2>
  92. <div class="rich_media_meta_list">
  93. <span class="rich_media_meta rich_media_meta_nickname"></span>
  94. <em class="rich_media_meta rich_media_meta_text"></em>
  95. </div>
  96. <div class="rich_media_content">
  97. </div>
  98. <div class="rich_media_tool">
  99. <a class="media_tool_meta meta_primary" id="outUrl" style="color: #576b95;" href="${base}/mobile/index.jsp">阅读原文</a>
  100. <div class="media_tool_meta meta_primary">阅读 <span id="readNum">0</span></div>
  101. <span class="media_tool_meta meta_praise">
  102. <i class="mui-icon iconfont icon-dianzan1 mr5" style="font-size: 22px"></i><span class="praise_num" id="likeNum">0</span>
  103. </span>
  104. </div>
  105. </div>
  106. </div>
  107. </body>
  108. <script src="${base}/static/mobile/js/msgDetail.js?v=${version}"></script>
  109. </html>