合同小程序前端代码仓库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

210 lines
2.9 KiB

  1. page {
  2. height: 100%;
  3. display: flex;
  4. flex-direction: column;
  5. }
  6. ad-draw,
  7. ad-fullscreen-video,
  8. ad-interactive,
  9. ad-interstitial,
  10. ad-rewarded-video,
  11. ad,
  12. animation-view,
  13. audio,
  14. block,
  15. button,
  16. camera,
  17. canvas,
  18. checkbox-group,
  19. checkbox,
  20. cover-image,
  21. cover-view,
  22. custom-tab-bar,
  23. editor,
  24. form,
  25. icon,
  26. image,
  27. input,
  28. label,
  29. list-item,
  30. list-view,
  31. live-player,
  32. live-pusher,
  33. map,
  34. match-media,
  35. movable-area,
  36. movable-view,
  37. navigation-bar,
  38. navigator,
  39. open-data,
  40. page-meta,
  41. picker-view,
  42. picker,
  43. progress,
  44. radio-group,
  45. radio,
  46. rich-text,
  47. scroll-view,
  48. slider,
  49. sticky-header,
  50. sticky-section,
  51. swiper-item,
  52. swiper,
  53. switch,
  54. template,
  55. text,
  56. textarea,
  57. unicloud-db,
  58. video,
  59. view,
  60. web-view {
  61. position: relative;
  62. box-sizing: border-box;
  63. display: flex;
  64. flex-direction: column;
  65. flex-shrink: 0;
  66. flex-grow: 0;
  67. flex-basis: auto;
  68. align-items: stretch;
  69. align-content: stretch;
  70. justify-content: flex-start;
  71. min-height: 0px;
  72. min-width: 0px;
  73. border-width: medium;
  74. }
  75. ad-draw[hidden],
  76. ad-fullscreen-video[hidden],
  77. ad-interactive[hidden],
  78. ad-interstitial[hidden],
  79. ad-rewarded-video[hidden],
  80. ad[hidden],
  81. animation-view[hidden],
  82. audio[hidden],
  83. block[hidden],
  84. button[hidden],
  85. camera[hidden],
  86. canvas[hidden],
  87. checkbox-group[hidden],
  88. checkbox[hidden],
  89. cover-image[hidden],
  90. cover-view[hidden],
  91. custom-tab-bar[hidden],
  92. editor[hidden],
  93. form[hidden],
  94. icon[hidden],
  95. image[hidden],
  96. input[hidden],
  97. label[hidden],
  98. list-item[hidden],
  99. list-view[hidden],
  100. live-player[hidden],
  101. live-pusher[hidden],
  102. map[hidden],
  103. match-media[hidden],
  104. movable-area[hidden],
  105. movable-view[hidden],
  106. navigation-bar[hidden],
  107. navigator[hidden],
  108. open-data[hidden],
  109. page-meta[hidden],
  110. picker-view[hidden],
  111. picker[hidden],
  112. progress[hidden],
  113. radio-group[hidden],
  114. radio[hidden],
  115. rich-text[hidden],
  116. scroll-view[hidden],
  117. slider[hidden],
  118. sticky-header[hidden],
  119. sticky-section[hidden],
  120. swiper-item[hidden],
  121. swiper[hidden],
  122. switch[hidden],
  123. template[hidden],
  124. text[hidden],
  125. textarea[hidden],
  126. unicloud-db[hidden],
  127. video[hidden],
  128. view[hidden],
  129. web-view[hidden] {
  130. display: none!important;
  131. }
  132. /* 与开发者元素接触的非滚动容器 */
  133. view,
  134. label,
  135. swiper,
  136. swiper-item,
  137. movable-area,
  138. movable-view,
  139. cover-view,
  140. list-item,
  141. navigator,
  142. radio-group,
  143. checkbox-group {
  144. overflow: hidden;
  145. }
  146. scroll-view {
  147. width: auto;
  148. }
  149. swiper-item {
  150. position: absolute;
  151. }
  152. button {
  153. margin: 0;
  154. }
  155. slider {
  156. margin: 0px;
  157. padding: 4px 0px;
  158. }
  159. text {
  160. display: inline;
  161. }
  162. text[hidden] {
  163. display: none!important;
  164. }
  165. text,
  166. textarea,
  167. label {
  168. line-height: 1.2;
  169. overflow: hidden;
  170. flex-basis: auto;
  171. letter-spacing: 0;
  172. }
  173. rich-text {
  174. line-height: 1.5;
  175. }
  176. progress {
  177. flex-direction: row;
  178. align-items: center;
  179. }
  180. radio,
  181. checkbox {
  182. flex-direction: row;
  183. align-items: center;
  184. }
  185. /*
  186. * 目前仅适配微信小程序,其他小程序平台需要额外适配
  187. */
  188. radio .wx-radio-wrapper,
  189. checkbox .wx-checkbox-wrapper {
  190. display: flex;
  191. flex-direction: inherit;
  192. align-content: inherit;
  193. justify-content: inherit;
  194. align-items: inherit;
  195. width: 100%;
  196. height: 100%;
  197. }