index.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. // 颜色
  2. $color-blue:#3387FF;
  3. $color-white:#FFFFFF;
  4. // 字体大小
  5. $font_size_34:34rpx;
  6. $font_size_36:36rpx;
  7. body,html{
  8. margin: 0;
  9. padding: 0;
  10. }
  11. .center_in_sequence{
  12. display: flex;
  13. flex-direction: column;
  14. align-items: center;
  15. }
  16. .center_in{
  17. width: 100%;
  18. display: flex;
  19. justify-content: center;
  20. align-items: center;
  21. }
  22. .space_between{
  23. width: 100%;
  24. display: flex;
  25. justify-content: space-between;
  26. align-items: center;
  27. }
  28. .up_and_down{
  29. display: flex;
  30. flex-direction: column;
  31. justify-content: space-between;
  32. align-items: center;
  33. }
  34. // 伪元素1rpx边框
  35. .frame {
  36. position: relative; //重要
  37. }
  38. .frame::after {
  39. position: absolute;
  40. content: '';
  41. border-bottom: 4rpx solid #e4e7ed;
  42. width: 200%;
  43. height: 200%;
  44. top: 0;
  45. left: 0;
  46. transform: scale(0.5);
  47. transform-origin: 0 0;
  48. pointer-events: none; /* 使伪元素不会阻止鼠标事件 */
  49. }
  50. .uni-table-th{
  51. padding: 3px 2px !important;
  52. font-size: 8px !important;
  53. }
  54. .uni-table-td{
  55. padding: 3px 2px !important;
  56. font-size: 8px !important;
  57. line-height: 10px !important;
  58. }
  59. .uni-table{
  60. min-width: 300px !important;
  61. }
  62. .uni-date-x .icon-calendar{
  63. font-size: 12px !important;
  64. }
  65. .uni-date__x-input{
  66. height: 16px !important;
  67. line-height: 16px !important;
  68. font-size: 8px !important;
  69. padding-left: 2px !important;
  70. }
  71. .uni-date-x--border{
  72. border-radius: 2px !important;
  73. }
  74. .uni-date-single--x{
  75. top: 4px !important;
  76. // z-index: 9999 !important;
  77. }
  78. .uni-calendar__header{
  79. align-items: flex-end !important;
  80. height: 18px !important;
  81. }
  82. .uni-calendar__weeks:nth-child(1){
  83. padding-top: 4px !important;
  84. padding-bottom: 0px !important;
  85. }
  86. .uni-calendar__weeks-day{
  87. height: 14px !important;
  88. }
  89. .uni-calendar__header-btn{
  90. width: 8rpx !important;
  91. height: 8rpx !important;
  92. }
  93. .uni-calendar__header-text{
  94. font-size: 8px !important;
  95. }
  96. .uni-calendar__weeks-day-text{
  97. font-size: 8px !important;
  98. }
  99. .uni-calendar__header-btn-box{
  100. width: 20px !important;
  101. height: 16px !important;
  102. }
  103. .uni-calendar-item__weeks-box-item{
  104. width: 16px !important;
  105. height: 16px !important;
  106. }
  107. .uni-calendar-item__weeks-box .uni-calendar-item--checked{
  108. border: 1px solid #FFFFFF !important;
  109. }
  110. .uni-calendar-item__weeks-box-text{
  111. font-size: 8px !important;
  112. }
  113. .uni-calendar-item--today{
  114. top: 4px !important;
  115. right: 11% !important;
  116. width: 3px !important;
  117. height: 3px !important;
  118. }
  119. .uni-date__input{
  120. height: 18px !important;
  121. font-size: 8px !important;
  122. }
  123. .popup-x-footer{
  124. padding: 0rpx 15rpx !important;
  125. line-height: 14px !important;
  126. }
  127. .popup-x-footer .confirm-text{
  128. font-size: 8px !important;
  129. }
  130. .uni-calendar__box{
  131. padding-bottom: 0px !important;
  132. }
  133. .uni-datetime-picker-popup{
  134. width: 120px !important;
  135. padding: 15rpx !important;
  136. }
  137. .uni-datetime-picker__container-box{
  138. margin-top: 20rpx !important;
  139. }
  140. .uni-datetime-picker-text{
  141. font-size: 8px !important;
  142. line-height: 10px !important;
  143. }
  144. .uni-datetime-picker-view{
  145. height: 80px !important;
  146. width: 100px !important;
  147. }
  148. .uni-picker-view-indicator{
  149. height: 30px !important;
  150. }
  151. .uni-datetime-picker-item{
  152. line-height: 30px !important;
  153. }
  154. .uni-datetime-picker-item{
  155. font-size: 9px !important;
  156. height: 30px !important;
  157. }
  158. .uni-datetime-picker-btn{
  159. margin-top: 0px !important;
  160. }
  161. .uni-datetime-picker-btn-text{
  162. font-size: 8px !important;
  163. }
  164. .uni-datetime-picker-cancel{
  165. margin-right: 10px !important;
  166. }
  167. .uni-datetime-picker-sign{
  168. top: 28px !important;
  169. }
  170. .sign-left{
  171. left: 75px !important;
  172. }
  173. .sign-right{
  174. right: 75px !important;
  175. }
  176. .uni-picker-container .uni-picker-content{
  177. height: 180px !important;
  178. }