uvue.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. html,
  2. body {
  3. line-height: 1.2;
  4. }
  5. uni-app uni-page-body {
  6. height: 100%;
  7. overflow: visible;
  8. }
  9. uni-app.uni-app--showtabbar uni-page-body::after {
  10. content: '';
  11. display: block;
  12. width: 100%;
  13. height: var(--tab-bar-height);
  14. height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
  15. height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
  16. min-height: var(--tab-bar-height);
  17. min-height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
  18. min-height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
  19. }
  20. uni-app.uni-app--showtabbar uni-page-wrapper::after {
  21. display: none;
  22. }
  23. uni-app uni-text,
  24. uni-app uni-input,
  25. uni-app uni-textarea,
  26. uni-app uni-view {
  27. color: #000000;
  28. font-size: 16px;
  29. text-align: left;
  30. }
  31. /* 修正box-sizing: border-box;负面效果 */
  32. uni-app uni-input {
  33. height: auto;
  34. }
  35. /* 文字容器 */
  36. uni-app uni-text,
  37. uni-app uni-textarea,
  38. uni-app uni-label {
  39. line-height: 1.2;
  40. overflow: hidden;
  41. flex-basis: auto;
  42. letter-spacing: 0;
  43. }
  44. uni-app uni-text,
  45. uni-app uni-label {
  46. letter-spacing: 0;
  47. }
  48. /* uni-app uni-* */
  49. uni-app uni-ad-draw,
  50. uni-app uni-ad-fullscreen-video,
  51. uni-app uni-ad-interactive,
  52. uni-app uni-ad-interstitial,
  53. uni-app uni-ad-rewarded-video,
  54. uni-app uni-ad,
  55. uni-app uni-animation-view,
  56. uni-app uni-audio,
  57. uni-app uni-block,
  58. uni-app uni-button,
  59. uni-app uni-camera,
  60. uni-app uni-canvas,
  61. uni-app uni-checkbox-group,
  62. uni-app uni-checkbox,
  63. uni-app uni-cover-image,
  64. uni-app uni-cover-view,
  65. uni-app uni-custom-tab-bar,
  66. uni-app uni-editor,
  67. uni-app uni-form,
  68. uni-app uni-icon,
  69. uni-app uni-image,
  70. uni-app uni-input,
  71. uni-app uni-label,
  72. uni-app uni-list-item,
  73. uni-app uni-list-view,
  74. uni-app uni-live-player,
  75. uni-app uni-live-pusher,
  76. uni-app uni-map,
  77. uni-app uni-match-media,
  78. uni-app uni-movable-area,
  79. uni-app uni-movable-view,
  80. uni-app uni-navigation-bar,
  81. uni-app uni-navigator,
  82. uni-app uni-open-data,
  83. uni-app uni-page-meta,
  84. /* uni-app uni-picker-view-column, */
  85. uni-app uni-picker-view,
  86. uni-app uni-picker,
  87. uni-app uni-progress,
  88. uni-app uni-radio-group,
  89. uni-app uni-radio,
  90. uni-app uni-rich-text,
  91. uni-app uni-scroll-view,
  92. uni-app uni-slider,
  93. uni-app uni-sticky-header,
  94. uni-app uni-sticky-section,
  95. uni-app uni-swiper-item,
  96. uni-app uni-swiper,
  97. uni-app uni-switch,
  98. uni-app uni-template,
  99. uni-app uni-text,
  100. uni-app uni-textarea,
  101. uni-app uni-unicloud-db,
  102. uni-app uni-video,
  103. uni-app uni-view,
  104. uni-app uni-web-view {
  105. position: relative;
  106. box-sizing: border-box;
  107. flex-shrink: 0;
  108. flex-grow: 0;
  109. flex-basis: auto;
  110. /* 默认情况下,元素不会缩短至小于内容框尺寸,若想改变这一状况,请设置元素的min-width 与 min-height属性。https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex */
  111. min-height: 0px;
  112. min-width: 0px;
  113. border-width: medium;
  114. }
  115. uni-app uni-text {
  116. display: inline;
  117. }
  118. /* 与开发者元素接触的容器 */
  119. uni-app uni-page-body,
  120. uni-app uni-animation-view,
  121. uni-app uni-block,
  122. uni-app uni-view,
  123. uni-app uni-label,
  124. uni-app uni-swiper,
  125. uni-app uni-swiper-item,
  126. uni-app uni-movable-area,
  127. uni-app uni-movable-view,
  128. uni-app uni-cover-view,
  129. uni-app uni-list-item,
  130. uni-app uni-navigator,
  131. uni-app uni-radio-group,
  132. uni-app uni-checkbox-group,
  133. uni-app uni-scroll-view,
  134. uni-app uni-list-view,
  135. uni-app uni-unicloud-db,
  136. uni-app uni-custom-tab-bar,
  137. uni-app uni-sticky-section,
  138. uni-app uni-sticky-header {
  139. display: flex;
  140. align-items: stretch;
  141. align-content: stretch;
  142. justify-content: flex-start;
  143. }
  144. /* 此样式可被manifest.json内配置的flex-direction重置 */
  145. uni-app uni-page-body,
  146. uni-app uni-view,
  147. uni-app uni-label,
  148. uni-app uni-swiper,
  149. uni-app uni-swiper-item,
  150. uni-app uni-movable-area,
  151. uni-app uni-movable-view,
  152. uni-app uni-cover-view,
  153. uni-app uni-list-item,
  154. uni-app uni-navigator,
  155. uni-app uni-radio-group,
  156. uni-app uni-checkbox-group,
  157. uni-app uni-scroll-view,
  158. uni-app uni-list-view,
  159. uni-app uni-unicloud-db,
  160. uni-app uni-sticky-section,
  161. uni-app uni-sticky-header {
  162. flex-direction: column;
  163. }
  164. /* 与开发者元素接触的非滚动容器 */
  165. uni-app uni-view,
  166. uni-app uni-label,
  167. uni-app uni-swiper,
  168. uni-app uni-swiper-item,
  169. uni-app uni-movable-area,
  170. uni-app uni-movable-view,
  171. uni-app uni-cover-view,
  172. uni-app uni-list-item,
  173. uni-app uni-navigator,
  174. uni-app uni-radio-group,
  175. uni-app uni-checkbox-group {
  176. overflow: hidden;
  177. }
  178. uni-app uni-button {
  179. margin: 0;
  180. }
  181. /* 透传scroll-view的flex-direction样式 */
  182. uni-app uni-scroll-view {
  183. width: auto;
  184. }
  185. uni-app .uni-scroll-view,
  186. uni-app .uni-scroll-view-content,
  187. uni-app .uni-list-view-visible {
  188. flex-direction: inherit;
  189. align-items: inherit;
  190. align-content: inherit;
  191. justify-content: inherit;
  192. }
  193. uni-app .uni-scroll-view-content,
  194. uni-app .uni-sticky-header-wrapper {
  195. display: flex;
  196. min-height: 0px;
  197. }
  198. uni-app uni-swiper-item {
  199. position: absolute;
  200. }
  201. /* 设置默认的光标颜色 */
  202. uni-app .uni-input-input,
  203. uni-app .uni-textarea-textarea {
  204. caret-color: #3393e2;
  205. }
  206. /* 覆盖 video 的 poster 背景 */
  207. uni-app .uni-video-cover {
  208. background-color: unset;
  209. }