main.wxss 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. .h2w {
  2. font-family: "STHeitiTC-Light", "Microsoft YaHei Light", "Hiragino Sans GB", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  3. font-size:32rpx;
  4. line-height: 1.8;
  5. word-wrap: break-word;
  6. word-wrap:break-word;
  7. word-break:break-all;
  8. }
  9. .h2w__main {
  10. margin:0 40rpx;
  11. padding-top:40rpx;
  12. }
  13. /**标题**/
  14. .h2w__h1,
  15. .h2w__h2,
  16. .h2w__h3,
  17. .h2w__h4,
  18. .h2w__h5,
  19. .h2w__h6 {
  20. font-weight:bold;
  21. }
  22. .h2w__h1 {
  23. border-bottom-style:double;
  24. border-bottom-width:6rpx;
  25. font-size:42rpx;
  26. padding-bottom:10rpx;
  27. margin-bottom:20rpx;
  28. }
  29. .h2w__h2 {
  30. border-bottom-style:solid;
  31. border-bottom-width:1rpx;
  32. font-size:40rpx;
  33. padding-bottom:8rpx;
  34. margin-bottom:18rpx;
  35. }
  36. .h2w__h3 {
  37. font-size:38rpx;
  38. padding-bottom:6rpx;
  39. margin-bottom:12rpx;
  40. }
  41. .h2w__h4 {
  42. font-size:36rpx;
  43. padding-bottom:4rpx;
  44. margin-bottom:12rpx;
  45. }
  46. .h2w__h5 {
  47. font-size:34rpx;
  48. padding-bottom:2rpx;
  49. margin-bottom:12rpx;
  50. }
  51. .h2w__h6 {
  52. margin-bottom:12rpx;
  53. }
  54. /**表格**/
  55. .h2w__table {
  56. width:100%;
  57. border-collapse:collapse;
  58. border-spacing:0;
  59. display:table;
  60. margin-bottom:40rpx;
  61. }
  62. .h2w__table .h2w__tr:nth-child(2n){
  63. background-color:red;
  64. }
  65. .h2w__colgroup {
  66. display:table-column-group;
  67. }
  68. .h2w__col {
  69. display:table-column;
  70. }
  71. .h2w__thead {
  72. display:table-header-group;
  73. }
  74. .h2w__tbody {
  75. display:table-row-group;
  76. }
  77. .h2w__tfoot {
  78. display:table-footer-group;
  79. }
  80. .h2w__tr {
  81. display:table-row;
  82. }
  83. .h2w__th,
  84. .h2w__td {
  85. padding:8rpx 16rpx;
  86. font-size:28rpx;
  87. border-width:1rpx;
  88. border-style:solid;
  89. display:table-cell;
  90. }
  91. .h2w__th {
  92. font-weight:bold;
  93. }
  94. /**代码块**/
  95. .h2w__pre {
  96. /*white-space:nowrap;*/
  97. padding:20rpx;
  98. font-size:28rpx;
  99. word-break:normal;
  100. border-width:1rpx;
  101. border-style:solid;
  102. margin-bottom:40rpx;
  103. white-space:pre;
  104. overflow-x:auto;
  105. }
  106. .h2w__pre .h2w__code {
  107. padding:0;
  108. border:0;
  109. font-size:100%;
  110. }
  111. .h2w__pre,
  112. .h2w__code {
  113. font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace, "STHeitiTC-Light", "Microsoft YaHei Light", -apple-system, system-ui, BlinkMacSystemFont;
  114. }
  115. .h2w__code {
  116. padding:4rpx 8rpx;
  117. margin:0 4rpx;
  118. border-width:1rpx;
  119. border-style:solid;
  120. border-radius:8rpx;
  121. font-size:80%;
  122. }
  123. .h2w__pre .h2w__span,
  124. .h2w__pre .h2w__a,
  125. .h2w__pre .h2w__span,
  126. .h2w__pre .h2w__b,
  127. .h2w__pre .h2w__strong,
  128. .h2w__pre .h2w__i,
  129. .h2w__pre .h2w__em {
  130. display:inline;
  131. }
  132. /**列表**/
  133. .h2w__ul,
  134. .h2w__ol {
  135. margin-bottom:40rpx;
  136. padding-left:1rem;
  137. }
  138. .h2w__ul .h2w__ol,
  139. .h2w__ol .h2w__ul {
  140. margin-bottom:0;
  141. }
  142. .h2w__li {
  143. display:list-item;
  144. }
  145. /**一级ol样式**/
  146. .h2w__ol {
  147. list-style-type:decimal;
  148. }
  149. /**二级ol样式**/
  150. .h2w__ul .h2w__ol,
  151. .h2w__ol .h2w__ol {
  152. list-style-type:lower-roman;
  153. }
  154. /**三级ol样式**/
  155. .h2w__ul .h2w__ul .h2w__ol,
  156. .h2w__ul .h2w__ol .h2w__ol,
  157. .h2w__ol .h2w__ul .h2w__ol,
  158. .h2w__ol .h2w__ol .h2w__ol {
  159. list-style-type:lower-alpha;
  160. }
  161. /**一级ul样式**/
  162. .h2w__ul {
  163. list-style-type:disc;
  164. }
  165. /**二级ul样式**/
  166. .h2w__ul .h2w__ul,
  167. .h2w__ol .h2w__ul {
  168. list-style-type:circle;
  169. }
  170. /**三级样式**/
  171. .h2w__ol .h2w__ol .h2w__ul,
  172. .h2w__ol .h2w__ul .h2w__ul,
  173. .h2w__ul .h2w__ol .h2w__ul,
  174. .h2w__ul .h2w__ul .h2w__ul {
  175. list-style-type:square;
  176. }
  177. /**块元素**/
  178. .h2w__p {
  179. margin-bottom:40rpx;
  180. /*word-wrap:break-word;
  181. word-break:break-all;*/
  182. /*text-align:justify;*/
  183. }
  184. .h2w__div {
  185. /*text-align:justify;*/
  186. }
  187. .h2w__blockquote {
  188. border-left-width:8rpx;
  189. border-left-style:solid;
  190. padding:0 20rpx;
  191. }
  192. /**内连元素**/
  193. .h2w__a,
  194. .h2w__span,
  195. .h2w__b,
  196. .h2w__strong,
  197. .h2w__i,
  198. .h2w__em {
  199. display:inline-block;
  200. }
  201. .h2w__b,
  202. .h2w__strong {
  203. font-weight:bold;
  204. }
  205. .h2w__i,
  206. .h2w__em {
  207. font-style:italic;
  208. }
  209. /**文本删除线**/
  210. .h2w__s,
  211. .h2w__strike,
  212. .h2w__del {
  213. text-decoration:line-through;
  214. }
  215. /**文本下划线**/
  216. .h2w__ins,
  217. .h2w__u {
  218. text-decoration:underline;
  219. }
  220. /**链接**/
  221. .h2w__a {
  222. margin:0 8rpx;
  223. border-bottom-width:1rpx;
  224. border-bottom-style:solid;
  225. line-height:1;
  226. }
  227. .h2w__hr {
  228. height:8rpx;
  229. margin:40rpx 0;
  230. }
  231. /**荧光标记**/
  232. .h2w__mark {
  233. border-radius:4rpx;
  234. }
  235. /**上标、下标**/
  236. .h2w__sup,
  237. .h2w__sub {
  238. font-size:75%;
  239. position:relative;
  240. }
  241. .h2w__sup {
  242. top:-0.5em;
  243. }
  244. .h2w__sub {
  245. bottom:-0.25em;
  246. }
  247. /**emoji表情**/
  248. .h2w__g-emoji {
  249. margin:0 0.1em;
  250. font-family:"Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  251. }
  252. /**内置元素**/
  253. image,video {
  254. width:100%; margin:0 auto 20rpx auto;
  255. }
  256. image {
  257. height:auto;
  258. }
  259. video {
  260. height:220px;
  261. }