mx-datepicker.wxss 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .picker.data-v-16c42f82 {
  21. position: fixed;
  22. z-index: 100;
  23. background: rgba(255, 255, 255, 0);
  24. left: 0;
  25. top: 0;
  26. width: 100%;
  27. height: 100%;
  28. font-size: 28rpx;
  29. }
  30. .picker-btn.data-v-16c42f82 {
  31. padding: 10rpx 20rpx;
  32. border-radius: 12rpx;
  33. color: #666;
  34. }
  35. .picker-btn-active.data-v-16c42f82 {
  36. background: rgba(0, 0, 0, 0.1);
  37. }
  38. .picker-display.data-v-16c42f82 {
  39. color: #666;
  40. }
  41. .picker-display-text.data-v-16c42f82 {
  42. color: #000;
  43. margin: 0 10rpx;
  44. }
  45. .picker-display-link.data-v-16c42f82 {
  46. display: inline-block;
  47. }
  48. .picker-display-link-active.data-v-16c42f82 {
  49. background: rgba(0, 0, 0, 0.1);
  50. }
  51. .picker-time.data-v-16c42f82 {
  52. width: 550rpx !important;
  53. left: 100rpx !important;
  54. }
  55. .picker-modal.data-v-16c42f82 {
  56. background: #fff;
  57. position: absolute;
  58. top: 50%;
  59. left: 60rpx;
  60. width: 630rpx;
  61. -webkit-transform: translateY(-50%);
  62. transform: translateY(-50%);
  63. box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, 0.1);
  64. border-radius: 12rpx;
  65. }
  66. .picker-modal-header.data-v-16c42f82 {
  67. text-align: center;
  68. line-height: 80rpx;
  69. font-size: 32rpx;
  70. }
  71. .picker-modal-header-title.data-v-16c42f82 {
  72. display: inline-block;
  73. width: 40%;
  74. }
  75. .picker-modal-header .picker-icon.data-v-16c42f82 {
  76. display: inline-block;
  77. line-height: 50rpx;
  78. width: 50rpx;
  79. height: 50rpx;
  80. border-radius: 50rpx;
  81. text-align: center;
  82. margin: 10rpx;
  83. background: #fff;
  84. font-size: 36rpx;
  85. }
  86. .picker-modal-header .picker-icon-active.data-v-16c42f82 {
  87. background: rgba(0, 0, 0, 0.1);
  88. }
  89. .picker-modal-body.data-v-16c42f82 {
  90. width: 630rpx !important;
  91. height: 630rpx !important;
  92. position: relative;
  93. }
  94. .picker-modal-time.data-v-16c42f82 {
  95. width: 100%;
  96. height: 180rpx;
  97. text-align: center;
  98. line-height: 60rpx;
  99. }
  100. .picker-modal-footer.data-v-16c42f82 {
  101. display: -webkit-box;
  102. display: -webkit-flex;
  103. display: flex;
  104. -webkit-box-pack: justify;
  105. -webkit-justify-content: space-between;
  106. justify-content: space-between;
  107. -webkit-box-align: center;
  108. -webkit-align-items: center;
  109. align-items: center;
  110. padding: 20rpx;
  111. }
  112. .picker-modal-footer-info.data-v-16c42f82 {
  113. -webkit-box-flex: 1;
  114. -webkit-flex-grow: 1;
  115. flex-grow: 1;
  116. }
  117. .picker-modal-footer-btn.data-v-16c42f82 {
  118. -webkit-flex-shrink: 0;
  119. flex-shrink: 0;
  120. display: -webkit-box;
  121. display: -webkit-flex;
  122. display: flex;
  123. }
  124. .picker-calendar.data-v-16c42f82 {
  125. position: absolute;
  126. left: 0;
  127. top: 0;
  128. width: 100%;
  129. height: 100%;
  130. display: -webkit-box;
  131. display: -webkit-flex;
  132. display: flex;
  133. -webkit-box-align: center;
  134. -webkit-align-items: center;
  135. align-items: center;
  136. -webkit-flex-wrap: wrap;
  137. flex-wrap: wrap;
  138. }
  139. .picker-calendar-view.data-v-16c42f82 {
  140. position: relative;
  141. width: 90rpx;
  142. height: 90rpx;
  143. text-align: center;
  144. }
  145. .picker-calendar-view-bgbegin.data-v-16c42f82, .picker-calendar-view-bg.data-v-16c42f82, .picker-calendar-view-bgend.data-v-16c42f82, .picker-calendar-view-item.data-v-16c42f82, .picker-calendar-view-dot.data-v-16c42f82, .picker-calendar-view-tips.data-v-16c42f82 {
  146. position: absolute;
  147. -webkit-transition: .2s;
  148. transition: .2s;
  149. }
  150. .picker-calendar-view-bgbegin.data-v-16c42f82, .picker-calendar-view-bg.data-v-16c42f82, .picker-calendar-view-bgend.data-v-16c42f82 {
  151. opacity: .15;
  152. height: 80%;
  153. }
  154. .picker-calendar-view-bg.data-v-16c42f82 {
  155. left: 0;
  156. top: 10%;
  157. width: 100%;
  158. }
  159. .picker-calendar-view-bgbegin.data-v-16c42f82 {
  160. border-radius: 90rpx 0 0 90rpx;
  161. top: 10%;
  162. left: 10%;
  163. width: 90%;
  164. }
  165. .picker-calendar-view-bgend.data-v-16c42f82 {
  166. border-radius: 0 90rpx 90rpx 0;
  167. top: 10%;
  168. left: 0%;
  169. width: 90%;
  170. }
  171. .picker-calendar-view-item.data-v-16c42f82 {
  172. left: 5%;
  173. top: 5%;
  174. width: 90%;
  175. height: 90%;
  176. border-radius: 90rpx;
  177. display: -webkit-box;
  178. display: -webkit-flex;
  179. display: flex;
  180. -webkit-box-align: center;
  181. -webkit-align-items: center;
  182. align-items: center;
  183. -webkit-box-pack: center;
  184. -webkit-justify-content: center;
  185. justify-content: center;
  186. }
  187. .picker-calendar-view-dot.data-v-16c42f82 {
  188. right: 10%;
  189. top: 10%;
  190. width: 12rpx;
  191. height: 12rpx;
  192. border-radius: 12rpx;
  193. }
  194. .picker-calendar-view-tips.data-v-16c42f82 {
  195. bottom: 100%;
  196. left: 50%;
  197. -webkit-transform: translateX(-50%);
  198. transform: translateX(-50%);
  199. background: #4E4B46;
  200. color: #fff;
  201. border-radius: 12rpx;
  202. padding: 10rpx 20rpx;
  203. font-size: 24rpx;
  204. width: -webkit-max-content;
  205. width: max-content;
  206. margin-bottom: 5rpx;
  207. pointer-events: none;
  208. }
  209. .picker-calendar-view-tips.data-v-16c42f82:after {
  210. content: "";
  211. position: absolute;
  212. top: 100%;
  213. left: 50%;
  214. -webkit-transform: translateX(-50%);
  215. transform: translateX(-50%);
  216. width: 0;
  217. height: 0;
  218. border-style: solid;
  219. border-width: 5rpx 5rpx 0 5rpx;
  220. border-color: #4E4B46 transparent transparent transparent;
  221. }
  222. @font-face {
  223. font-family: "mxdatepickericon";
  224. src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMYAAsAAAAACBgAAALMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDIgqDRIJiATYCJAMUCwwABCAFhG0HSRvfBsg+QCa3noNAyAQ9w6GDvbwpNp2vloCyn8bD/x+y+/5qDhtj+T4eRVEcbsCoKMFASzCgLdDkmqYDwgxkWQ6YH5L/YnppOlLEjlnter43YRjU7M6vJ3iGADVAgJn5kqjv/wEii23T86UsAQT+04fV+o97VTMx4PPZt4DlorLXwIQiGMA5uhaVrBWqGHfQXcTEiE+PE+g2SUlxWlLVBHwUYFMgrgwSB3wstTKSGzqF1nOyiGeeOtNjV4An/vvxR58PSc3AzrMViyDvPo/7dVEUzn5GROfIWAcU4rLXfMFdhte56y4We9gGNEVIezkBOOaQXUrbTf/hJVkhGpDdCw7dSOEzByMEn3kIic98hMxnAfeFPKWCbjRcA148/HxhCEkaA94eGWFaGolsblpaWz8/Po2WVuNHh1fmBpZHIpqal9fOjizhTteY+RZ9rv02I/pq0W6QVH3pSncBz3m55r9ZIPycHfmenvxe4uyutIgfT5u4bgkDusl9gcF0rnfnz+b2NpSaQWBFeu8GIL1xQj5AH/6FAsEr/50F28e/gA9ny6KjLrxIp0TE+UucmQOl5AFNLXkzZufWamWHYEI39PEP2If97CMdm51N6DSmIekwAVmneXTBr0PVYx+aTgfQbU3p+R4jKHdRurBq0oEw6AKSfm+QDbpGF/w3VOP+oBnMHbqdx409FjP4RRHHkAj5IWgQiBUjHfMTuQ1Icpg5avI4sQVRu8EHdWptM1aKrIjuscfeL+kZwxBTYoElztOQ2UygjRIjEphaZsyWodHgvm9SC8QC/JygEA6DiCDeEMhAQFhhOpvxa/18A0TiYMahIy0L2hYIZWeYH9JR085Al4qts1re5St2/SR6DINBGEVYQCWOETHDMAHZ+pcZIQJGTV4RtMmg8UbhuWL1+VLLA2RFHYC71kiRo0SNpjwQh8pj2EFU3oTNmS1WqgIA") format("woff2");
  225. }
  226. .picker-icon.data-v-16c42f82 {
  227. font-family: "mxdatepickericon" !important;
  228. }
  229. .picker-icon-you.data-v-16c42f82:before {
  230. content: "\e63e";
  231. }
  232. .picker-icon-zuo.data-v-16c42f82:before {
  233. content: "\e640";
  234. }
  235. .picker-icon-zuozuo.data-v-16c42f82:before {
  236. content: "\e641";
  237. }
  238. .picker-icon-youyou.data-v-16c42f82:before {
  239. content: "\e642";
  240. }