wxParse.wxss 3.6 KB

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