open-time.wxss 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. @charset "UTF-8";
  2. .text-center.data-v-e92c49ec {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-e92c49ec {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-e92c49ec {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-e92c49ec {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-e92c49ec {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-e92c49ec {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-e92c49ec {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-e92c49ec {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-e92c49ec {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .attr.data-v-e92c49ec {
  39. background-color: #fff;
  40. position: relative;
  41. padding-left: 84rpx;
  42. padding-right: 26rpx;
  43. }
  44. .attr .low-attr.data-v-e92c49ec {
  45. position: absolute;
  46. z-index: 2;
  47. top: 24rpx;
  48. height: 40rpx;
  49. width: 40rpx;
  50. left: 24rpx;
  51. }
  52. .attr .attr-item.data-v-e92c49ec {
  53. height: 88rpx;
  54. line-height: 88rpx;
  55. border-top: 2rpx solid #e2e2e2;
  56. position: relative;
  57. font-size: 28rpx;
  58. color: #353535;
  59. }
  60. .attr .attr-item .placeholder-text.data-v-e92c49ec {
  61. color: #e1e1e1;
  62. }
  63. .attr .attr-item .app-icon.data-v-e92c49ec {
  64. width: 12rpx;
  65. height: 22rpx;
  66. }
  67. .attr:first-of-type .attr-item.data-v-e92c49ec {
  68. border-top: 0;
  69. }
  70. .add-attr.data-v-e92c49ec {
  71. height: 120rpx;
  72. background-color: #fff;
  73. margin-top: 20rpx;
  74. padding-top: 24rpx;
  75. }
  76. .add-attr .add-attr-btn.data-v-e92c49ec {
  77. height: 72rpx;
  78. width: 320rpx;
  79. border-radius: 36rpx;
  80. border: 1rpx solid #446dfd;
  81. margin: 0 auto;
  82. color: #446dfd;
  83. font-size: 26rpx;
  84. line-height: 72rpx;
  85. }
  86. .add-attr .add-attr-btn image.data-v-e92c49ec {
  87. height: 28rpx;
  88. width: 28rpx;
  89. margin-right: 12rpx;
  90. margin-top: 22rpx;
  91. }
  92. .add.data-v-e92c49ec {
  93. position: fixed;
  94. bottom: 0;
  95. left: 0;
  96. height: 120rpx;
  97. width: 100%;
  98. z-index: 15;
  99. background-color: #fff;
  100. }
  101. .add view.data-v-e92c49ec {
  102. width: 702rpx;
  103. line-height: 80rpx;
  104. height: 80rpx;
  105. margin: 20rpx auto;
  106. border-radius: 40rpx;
  107. background-color: #446dfd;
  108. color: #fff;
  109. font-size: 32rpx;
  110. text-align: center;
  111. }
  112. .add.iphone_x.data-v-e92c49ec {
  113. height: 170rpx;
  114. padding-bottom: 50rpx;
  115. }
  116. .placeholder.data-v-e92c49ec {
  117. height: 120rpx;
  118. }
  119. .placeholder.iphone_x.data-v-e92c49ec {
  120. height: 170rpx;
  121. }
  122. .time-bg.data-v-e92c49ec {
  123. background-color: rgba(0, 0, 0, 0.3);
  124. position: fixed;
  125. top: 0;
  126. left: 0;
  127. height: 100%;
  128. width: 100%;
  129. z-index: 100;
  130. }
  131. .time-bg .time-dialog.data-v-e92c49ec {
  132. width: 620rpx;
  133. border-radius: 16rpx;
  134. margin: 0 auto;
  135. background-color: #fff;
  136. z-index: 20;
  137. }
  138. .time-bg .time-dialog .dialog-title.data-v-e92c49ec {
  139. font-size: 32rpx;
  140. color: #353535;
  141. width: 620rpx;
  142. margin: 32rpx auto 40rpx;
  143. text-align: center;
  144. }
  145. .time-bg .time-dialog .time-area.data-v-e92c49ec {
  146. margin-bottom: 24rpx;
  147. padding: 0 32rpx;
  148. }
  149. .time-bg .time-dialog .time-area.date-area.data-v-e92c49ec {
  150. border-top: 2rpx solid #e2e2e2;
  151. padding: 28rpx 32rpx;
  152. }
  153. .time-bg .time-dialog .time-area.date-area .dialog-choose-item.data-v-e92c49ec {
  154. margin: 12rpx 0;
  155. }
  156. .time-bg .time-dialog .time-area .dialog-choose-item.data-v-e92c49ec {
  157. margin: 0 12rpx;
  158. width: 170rpx;
  159. height: 68rpx;
  160. line-height: 68rpx;
  161. text-align: center;
  162. border-radius: 34rpx;
  163. border: 2rpx solid;
  164. font-size: 28rpx;
  165. margin-bottom: 16rpx;
  166. }
  167. .time-bg .time-dialog .time-area .dialog-choose-item.time-area-item.data-v-e92c49ec {
  168. border-color: #ddd;
  169. color: #666;
  170. }
  171. .time-bg .time-dialog .choose-time.data-v-e92c49ec {
  172. position: relative;
  173. }
  174. .time-bg .time-dialog .choose-time .time-title.data-v-e92c49ec {
  175. margin-left: 32rpx;
  176. color: #666;
  177. font-size: 28rpx;
  178. margin-bottom: 20rpx;
  179. }
  180. .time-bg .time-dialog .choose-time .year-1.data-v-e92c49ec {
  181. position: absolute;
  182. left: 192rpx;
  183. top: 146rpx;
  184. }
  185. .time-bg .time-dialog .choose-time .month-1.data-v-e92c49ec {
  186. position: absolute;
  187. left: 380rpx;
  188. top: 146rpx;
  189. }
  190. .time-bg .time-dialog .choose-time .day-1.data-v-e92c49ec {
  191. position: absolute;
  192. right: 32rpx;
  193. top: 146rpx;
  194. }
  195. .time-bg .time-dialog .choose-time .year-2.data-v-e92c49ec {
  196. position: absolute;
  197. left: 192rpx;
  198. bottom: 88rpx;
  199. }
  200. .time-bg .time-dialog .choose-time .month-2.data-v-e92c49ec {
  201. position: absolute;
  202. left: 380rpx;
  203. bottom: 88rpx;
  204. }
  205. .time-bg .time-dialog .choose-time .day-2.data-v-e92c49ec {
  206. position: absolute;
  207. right: 32rpx;
  208. bottom: 88rpx;
  209. }
  210. .time-bg .time-dialog .choose-time .picker-view.data-v-e92c49ec {
  211. width: 556rpx;
  212. height: 216rpx;
  213. margin: 0 auto 20rpx;
  214. text-align: center;
  215. }
  216. .time-bg .time-dialog .choose-time .picker-view view.data-v-e92c49ec {
  217. line-height: 68rpx;
  218. }
  219. .time-bg .time-dialog .btn-area.data-v-e92c49ec {
  220. height: 88rpx;
  221. position: relative;
  222. border-top: 2rpx solid #e2e2e2;
  223. }
  224. .time-bg .time-dialog .btn-area.other-btn-area.data-v-e92c49ec {
  225. margin-top: 10rpx;
  226. }
  227. .time-bg .time-dialog .btn-area .line.data-v-e92c49ec {
  228. height: 32rpx;
  229. width: 1rpx;
  230. background-color: #e2e2e2;
  231. position: absolute;
  232. top: 28rpx;
  233. left: 0;
  234. right: 0;
  235. margin: 0 auto;
  236. }
  237. .time-bg .time-dialog .btn-area .time-submit-btn.data-v-e92c49ec {
  238. height: 88rpx;
  239. line-height: 88rpx;
  240. font-size: 32rpx;
  241. width: 310rpx;
  242. text-align: center;
  243. }