uni.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. /* 全局公共样式 */
  2. body,
  3. html {
  4. -webkit-user-select: auto;
  5. user-select: auto;
  6. }
  7. /* #ifdef H5 */
  8. uni-main {
  9. position: relative;
  10. background-color: #f5f5f5;
  11. }
  12. .uni-mask+.uni-left-window, .uni-mask+.uni-right-window{
  13. position: fixed;
  14. }
  15. .uni-container .uni-forms {
  16. padding: 15px;
  17. max-width: 460px;
  18. }
  19. /* #endif */
  20. /* #ifndef H5 */
  21. .uni-nav-menu {
  22. height: 100vh;
  23. }
  24. /* #endif */
  25. .pointer {
  26. cursor: pointer;
  27. }
  28. .uni-top-window {
  29. z-index: 998;
  30. overflow: visible;
  31. }
  32. .uni-tips {
  33. font-size: 12px;
  34. color: #666;
  35. }
  36. /* 容器 */
  37. .uni-container {
  38. padding: 15px;
  39. box-sizing: border-box;
  40. }
  41. /* 标题栏 */
  42. .uni-header {
  43. padding: 0 15px;
  44. display: flex;
  45. height: 55px;
  46. align-items: center;
  47. justify-content: space-between;
  48. border-bottom: 1px #f5f5f5 solid;
  49. }
  50. .uni-title {
  51. margin-right: 10px;
  52. font-size: 16px;
  53. font-weight: 500;
  54. color: #333;
  55. }
  56. .uni-sub-title {
  57. margin-top: 3px;
  58. font-size: 14px;
  59. color: #999;
  60. }
  61. .uni-link {
  62. color: #3A8EE6;
  63. cursor: pointer;
  64. text-decoration: underline;
  65. }
  66. .uni-group {
  67. display: flex;
  68. align-items: center;
  69. justify-content: center;
  70. word-break: keep-all;
  71. }
  72. /* 按钮样式 */
  73. .uni-button-group {
  74. margin-top: 30px;
  75. display: flex;
  76. align-items: center;
  77. justify-content: center;
  78. }
  79. .uni-button {
  80. padding: 10px 20px;
  81. font-size: 14px;
  82. border-radius: 4px;
  83. line-height: 1;
  84. margin: 0;
  85. box-sizing: border-box;
  86. overflow: initial;
  87. }
  88. .uni-button+.uni-button {
  89. margin-left: 10px;
  90. }
  91. .uni-button:hover,
  92. .uni-button:focus {
  93. opacity: 0.9;
  94. }
  95. .uni-button:active {
  96. opacity: 1;
  97. }
  98. .uni-button-full {
  99. width: 100%;
  100. }
  101. /* 搜索框样式 */
  102. .uni-search {
  103. height: 30px;
  104. line-height: 30px;
  105. font-size: 12px;
  106. padding: 0 10px;
  107. border: 1px #eee solid;
  108. margin-right: 10px;
  109. border-radius: 5px;
  110. }
  111. /* 分页容器 */
  112. .uni-pagination-box {
  113. display: flex;
  114. justify-content: center;
  115. margin-top: 20px;
  116. }
  117. .uni-input-border,
  118. .uni-textarea-border {
  119. width: 100%;
  120. font-size: 14px;
  121. color: #666;
  122. border: 1px #e5e5e5 solid;
  123. border-radius: 5px;
  124. box-sizing: border-box;
  125. }
  126. .uni-input-border {
  127. padding: 0 10px;
  128. height: 35px;
  129. }
  130. .uni-textarea-border {
  131. padding: 10px;
  132. height: 80px;
  133. }
  134. .uni-disabled {
  135. background-color: #F5F7FA;
  136. color: #C0C4CC;
  137. }
  138. .uni-icon-password-eye {
  139. position: absolute;
  140. right: 8px;
  141. top: 6px;
  142. font-family: uniicons;
  143. font-size: 20px;
  144. font-weight: normal;
  145. font-style: normal;
  146. width: 24px;
  147. height: 24px;
  148. line-height: 24px;
  149. color: #999999;
  150. }
  151. .uni-eye-active {
  152. color: #007AFF;
  153. }
  154. .uni-tabs__header {
  155. position: relative;
  156. background-color: #f5f7fa;
  157. border-bottom: 1px solid #e4e7ed;
  158. }
  159. .uni-tabs__nav-wrap {
  160. overflow: hidden;
  161. margin-bottom: -1px;
  162. position: relative;
  163. }
  164. .uni-tabs__nav-scroll {
  165. overflow: hidden;
  166. }
  167. .uni-tabs__nav {
  168. position: relative;
  169. white-space: nowrap;
  170. }
  171. .uni-tabs__item {
  172. position: relative;
  173. padding: 0 20px;
  174. height: 40px;
  175. box-sizing: border-box;
  176. line-height: 40px;
  177. display: inline-block;
  178. list-style: none;
  179. font-size: 14px;
  180. font-weight: 500;
  181. color: #909399;
  182. margin-top: -1px;
  183. margin-left: -1px;
  184. border: 1px solid transparent;
  185. cursor: pointer;
  186. }
  187. .uni-tabs__item.is-active {
  188. color: #007aff;
  189. background-color: #fff;
  190. border-right-color: #dcdfe6;
  191. border-left-color: #dcdfe6;
  192. }
  193. .uni-form-item-tips {
  194. color: #999;
  195. font-size: 12px;
  196. margin-top: 3px;
  197. position: absolute;
  198. }
  199. .uni-form-item-empty {
  200. color: #999;
  201. min-height: 36px;
  202. line-height: 36px;
  203. }