index.wxss 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .lb-picker.data-v-6c871a9d {
  12. position: relative;
  13. }
  14. .lb-picker-mask.data-v-6c871a9d {
  15. background-color: transparent;
  16. position: fixed;
  17. top: 0;
  18. right: 0;
  19. left: 0;
  20. bottom: 0;
  21. }
  22. .lb-picker-mask-animation.data-v-6c871a9d {
  23. -webkit-transition-property: background-color;
  24. transition-property: background-color;
  25. -webkit-transition-duration: 0.3s;
  26. transition-duration: 0.3s;
  27. }
  28. .lb-picker-container.data-v-6c871a9d {
  29. position: relative;
  30. }
  31. .lb-picker-container-fixed.data-v-6c871a9d {
  32. position: fixed;
  33. left: 0;
  34. right: 0;
  35. bottom: 0;
  36. -webkit-transform: translateY(100%);
  37. transform: translateY(100%);
  38. overflow: hidden;
  39. }
  40. .lb-picker-container-animation.data-v-6c871a9d {
  41. -webkit-transition-property: -webkit-transform;
  42. transition-property: -webkit-transform;
  43. transition-property: transform;
  44. transition-property: transform, -webkit-transform;
  45. -webkit-transition-duration: 0.3s;
  46. transition-duration: 0.3s;
  47. }
  48. .lb-picker-container-show.data-v-6c871a9d {
  49. -webkit-transform: translateY(0);
  50. transform: translateY(0);
  51. }
  52. .lb-picker-header.data-v-6c871a9d {
  53. position: relative;
  54. background-color: #fff;
  55. box-sizing: border-box;
  56. }
  57. .lb-picker-header.data-v-6c871a9d::after {
  58. content: "";
  59. position: absolute;
  60. left: 0;
  61. bottom: 0;
  62. right: 0;
  63. height: 1px;
  64. clear: both;
  65. border-bottom: 1px solid #e5e5e5;
  66. color: #e5e5e5;
  67. -webkit-transform-origin: 0 100%;
  68. transform-origin: 0 100%;
  69. -webkit-transform: scaleY(0.5);
  70. transform: scaleY(0.5);
  71. }
  72. .lb-picker-header-actions.data-v-6c871a9d {
  73. height: 45px;
  74. box-sizing: border-box;
  75. display: -webkit-box;
  76. display: -webkit-flex;
  77. display: flex;
  78. -webkit-box-orient: horizontal;
  79. -webkit-box-direction: normal;
  80. -webkit-flex-direction: row;
  81. flex-direction: row;
  82. -webkit-box-pack: justify;
  83. -webkit-justify-content: space-between;
  84. justify-content: space-between;
  85. -webkit-flex-wrap: nowrap;
  86. flex-wrap: nowrap;
  87. }
  88. .lb-picker-action.data-v-6c871a9d {
  89. padding-left: 10px;
  90. padding-right: 10px;
  91. display: -webkit-box;
  92. display: -webkit-flex;
  93. display: flex;
  94. -webkit-box-orient: horizontal;
  95. -webkit-box-direction: normal;
  96. -webkit-flex-direction: row;
  97. flex-direction: row;
  98. -webkit-box-align: center;
  99. -webkit-align-items: center;
  100. align-items: center;
  101. -webkit-box-pack: center;
  102. -webkit-justify-content: center;
  103. justify-content: center;
  104. }
  105. .lb-picker-action-cancel-text.data-v-6c871a9d {
  106. font-size: 16px;
  107. }
  108. .lb-picker-action-confirm-text.data-v-6c871a9d {
  109. font-size: 16px;
  110. }
  111. .lb-picker-content.data-v-6c871a9d {
  112. position: relative;
  113. background-color: #fff;
  114. }
  115. .lb-picker-content-safe-buttom.data-v-6c871a9d {
  116. padding-bottom: 0;
  117. padding-bottom: constant(safe-area-inset-bottom);
  118. padding-bottom: env(safe-area-inset-bottom);
  119. }
  120. .lb-picker-content-main.data-v-6c871a9d {
  121. position: relative;
  122. display: -webkit-box;
  123. display: -webkit-flex;
  124. display: flex;
  125. -webkit-box-pack: center;
  126. -webkit-justify-content: center;
  127. justify-content: center;
  128. -webkit-box-orient: vertical;
  129. -webkit-box-direction: normal;
  130. -webkit-flex-direction: column;
  131. flex-direction: column;
  132. }
  133. .lb-picker-loading.data-v-6c871a9d,
  134. .lb-picker-empty.data-v-6c871a9d {
  135. display: -webkit-box;
  136. display: -webkit-flex;
  137. display: flex;
  138. -webkit-box-pack: center;
  139. -webkit-justify-content: center;
  140. justify-content: center;
  141. -webkit-box-align: center;
  142. -webkit-align-items: center;
  143. align-items: center;
  144. }
  145. .lb-picker-empty-text.data-v-6c871a9d {
  146. font-size: 16px;
  147. }
  148. .lb-picker-loading-img.data-v-6c871a9d {
  149. width: 25px;
  150. height: 25px;
  151. -webkit-animation: rotating-data-v-6c871a9d 2s linear infinite;
  152. animation: rotating-data-v-6c871a9d 2s linear infinite;
  153. }
  154. @-webkit-keyframes rotating-data-v-6c871a9d {
  155. 0% {
  156. -webkit-transform: rotate(0deg);
  157. transform: rotate(0deg);
  158. }
  159. 100% {
  160. -webkit-transform: rotate(1turn);
  161. transform: rotate(1turn);
  162. }
  163. }
  164. @keyframes rotating-data-v-6c871a9d {
  165. 0% {
  166. -webkit-transform: rotate(0deg);
  167. transform: rotate(0deg);
  168. }
  169. 100% {
  170. -webkit-transform: rotate(1turn);
  171. transform: rotate(1turn);
  172. }
  173. }