wxParse.wxss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. page {
  2. overflow-x: hidden;
  3. }
  4. .wxParse {
  5. margin: 0 5px;
  6. font-family: Helvetica,sans-serif;
  7. font-size: 28rpx;
  8. color: #666;
  9. line-height: 1.8;
  10. }
  11. .wxParse-inline {
  12. display: inline;
  13. margin: 0;
  14. padding: 0;
  15. }
  16. .wxParse-div {
  17. margin: 0;
  18. padding: 0;
  19. }
  20. .wxParse-h1 {
  21. font-size: 2em;
  22. margin: .67em 0;
  23. }
  24. .wxParse-h2 {
  25. font-size: 1.5em;
  26. margin: .75em 0;
  27. }
  28. .wxParse-h3 {
  29. font-size: 1.17em;
  30. margin: .83em 0;
  31. }
  32. .wxParse-h4 {
  33. margin: 1.12em 0;
  34. }
  35. .wxParse-h5 {
  36. font-size: .83em;
  37. margin: 1.5em 0;
  38. }
  39. .wxParse-h6 {
  40. font-size: .75em;
  41. margin: 1.67em 0;
  42. }
  43. .wxParse-h1 {
  44. font-size: 18px;
  45. font-weight: 400;
  46. margin-bottom: .9em;
  47. }
  48. .wxParse-h2 {
  49. font-size: 16px;
  50. font-weight: 400;
  51. margin-bottom: .34em;
  52. }
  53. .wxParse-h3 {
  54. font-weight: 400;
  55. font-size: 15px;
  56. margin-bottom: .34em;
  57. }
  58. .wxParse-h4 {
  59. font-weight: 400;
  60. font-size: 14px;
  61. margin-bottom: .24em;
  62. }
  63. .wxParse-h5 {
  64. font-weight: 400;
  65. font-size: 13px;
  66. margin-bottom: .14em;
  67. }
  68. .wxParse-h6 {
  69. font-weight: 400;
  70. font-size: 12px;
  71. margin-bottom: .04em;
  72. }
  73. .wxParse-h1,.wxParse-h2,.wxParse-h3,.wxParse-h4,.wxParse-h5,.wxParse-h6,.wxParse-b,.wxParse-strong {
  74. font-weight: bolder;
  75. }
  76. .wxParse-i,.wxParse-cite,.wxParse-em,.wxParse-var,.wxParse-address {
  77. font-style: italic;
  78. }
  79. .wxParse-pre,.wxParse-tt,.wxParse-code,.wxParse-kbd,.wxParse-samp {
  80. font-family: monospace;
  81. }
  82. .wxParse-pre {
  83. white-space: pre;
  84. }
  85. .wxParse-big {
  86. font-size: 1.17em;
  87. }
  88. .wxParse-small,.wxParse-sub,.wxParse-sup {
  89. font-size: .83em;
  90. }
  91. .wxParse-sub {
  92. vertical-align: sub;
  93. }
  94. .wxParse-sup {
  95. vertical-align: super;
  96. }
  97. .wxParse-s,.wxParse-strike,.wxParse-del {
  98. text-decoration: line-through;
  99. }
  100. .wxParse-strong,.wxParse-s {
  101. display: inline;
  102. }
  103. .wxParse-a {
  104. color: deepskyblue;
  105. word-break: break-all;
  106. overflow: auto;
  107. }
  108. .wxParse-video {
  109. text-align: center;
  110. margin: 10px 0;
  111. }
  112. .wxParse-video-video {
  113. width: 100%;
  114. }
  115. .wxParse-img {
  116. background-color: #efefef;
  117. overflow: hidden;
  118. vertical-align: top;
  119. display: block;
  120. }
  121. .wxParse-blockquote {
  122. margin: 0;
  123. padding: 10px 0 10px 5px;
  124. font-family: Courier,Calibri,"宋体";
  125. background: #f5f5f5;
  126. border-left: 3px solid #dbdbdb;
  127. }
  128. .wxParse-code,.wxParse-wxxxcode-style {
  129. display: inline;
  130. background: #f5f5f5;
  131. }
  132. .wxParse-ul {
  133. margin: 20rpx 10rpx;
  134. }
  135. .wxParse-li,.wxParse-li-inner {
  136. display: flex;
  137. align-items: baseline;
  138. margin: 10rpx 0;
  139. }
  140. .wxParse-li-text {
  141. align-items: center;
  142. line-height: 20px;
  143. }
  144. .wxParse-li-circle {
  145. display: inline-flex;
  146. width: 5px;
  147. height: 5px;
  148. background-color: #333;
  149. margin-right: 5px;
  150. }
  151. .wxParse-li-square {
  152. display: inline-flex;
  153. width: 10rpx;
  154. height: 10rpx;
  155. background-color: #333;
  156. margin-right: 5px;
  157. }
  158. .wxParse-li-ring {
  159. display: inline-flex;
  160. width: 10rpx;
  161. height: 10rpx;
  162. border: 2rpx solid #333;
  163. border-radius: 50%;
  164. background-color: #fff;
  165. margin-right: 5px;
  166. }
  167. .wxParse-u {
  168. text-decoration: underline;
  169. }
  170. .wxParse-hide {
  171. display: none;
  172. }
  173. .WxEmojiView {
  174. align-items: center;
  175. }
  176. .wxEmoji {
  177. width: 16px;
  178. height: 16px;
  179. }
  180. .wxParse-tr {
  181. display: flex;
  182. border-right: 1px solid #e0e0e0;
  183. border-bottom: 1px solid #e0e0e0;
  184. border-top: 1px solid #e0e0e0;
  185. }
  186. .wxParse-th,.wxParse-td {
  187. flex: 1;
  188. padding: 5px;
  189. font-size: 28rpx;
  190. border-left: 1px solid #e0e0e0;
  191. word-break: break-all;
  192. }
  193. .wxParse-td:last {
  194. border-top: 1px solid #e0e0e0;
  195. }
  196. .wxParse-th {
  197. background: #f0f0f0;
  198. border-top: 1px solid #e0e0e0;
  199. }
  200. .wxParse-del {
  201. display: inline;
  202. }
  203. .wxParse-p {
  204. padding: 0 20rpx;
  205. overflow-x: hidden;
  206. }
  207. .wxParse-p image {
  208. display: block;
  209. margin-left: -20rpx;
  210. margin-right: -20rpx;
  211. max-width: none!important;
  212. }