editAddress.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. /* pages/editAddress/editAddress.wxss */
  2. page {
  3. background: #fff;
  4. }
  5. /* input列表 */
  6. .input-box {
  7. margin-bottom: 50rpx;
  8. background: #fff;
  9. padding: 0 20rpx;
  10. }
  11. .input-box .section {
  12. display: flex;
  13. align-items: center;
  14. width: 100%;
  15. font-size: 28rpx;
  16. padding: 30rpx 0;
  17. line-height: 48rpx;
  18. height: 100%;
  19. box-sizing: border-box;
  20. border-bottom: 2rpx solid #e5e5e5;
  21. }
  22. .input-box .section text {
  23. width: 20%;
  24. color: #333;
  25. }
  26. .input-box .section input {
  27. width: 70%;
  28. padding: 0 20rpx;
  29. color: #333;
  30. }
  31. .input-box .section picker {
  32. width: 70%;
  33. padding: 0 30rpx;
  34. }
  35. .input-box .section .pca {
  36. width: 70%;
  37. padding: 0 20rpx;
  38. }
  39. .input-box .section .arrow {
  40. width: 28rpx;
  41. height: 28rpx;
  42. }
  43. .input-box .section .arrow image {
  44. width: 100%;
  45. height: 100%;
  46. vertical-align: top;
  47. }
  48. /* end input列表 */
  49. /* 功能按钮 */
  50. .btn-box {
  51. padding: 5px 10px;
  52. width: 100%;
  53. text-align: center;
  54. margin: auto;
  55. }
  56. .btn-box text {
  57. font-size: 30rpx;
  58. }
  59. .btn-box .clear.btn, .keep.btn {
  60. width: 60%;
  61. height: 80rpx;
  62. line-height: 80rpx;
  63. margin: auto;
  64. text-align: center;
  65. border: 1rpx solid #eb2444;
  66. border-radius: 50rpx;
  67. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.3);
  68. }
  69. .btn-box .keep {
  70. color: #fff;
  71. background-color: #eb2444;
  72. }
  73. .btn-box .clear.btn {
  74. margin-top: 40rpx;
  75. color: #eb2444;
  76. background-color: #f8f0f1b6;
  77. }
  78. /* end 功能按钮 */
  79. .infoText {
  80. margin-top: 20rpx;
  81. text-align: center;
  82. width: 100%;
  83. justify-content: center;
  84. }
  85. picker-view {
  86. background-color: white;
  87. padding: 0;
  88. width: 100%;
  89. height: 380rpx;
  90. bottom: 0;
  91. position: fixed;
  92. }
  93. picker-view-column view {
  94. vertical-align: middle;
  95. font-size: 28rpx;
  96. line-height: 28rpx;
  97. height: 100%;
  98. display: flex;
  99. align-items: center;
  100. justify-content: center;
  101. }
  102. .animation-element-wrapper {
  103. display: flex;
  104. position: fixed;
  105. left: 0;
  106. top: 0;
  107. height: 100%;
  108. width: 100%;
  109. background-color: rgba(0, 0, 0, 0.6);
  110. z-index: 999;
  111. }
  112. .animation-element {
  113. display: flex;
  114. position: fixed;
  115. width: 100%;
  116. height: 470rpx;
  117. bottom: 0;
  118. background-color: rgba(255, 255, 255, 1);
  119. }
  120. .animation-button {
  121. top: 20rpx;
  122. width: 290rpx;
  123. height: 100rpx;
  124. align-items: center;
  125. }
  126. picker-view text {
  127. color: #999;
  128. display: inline-flex;
  129. position: fixed;
  130. margin-top: 20rpx;
  131. height: 50rpx;
  132. text-align: center;
  133. line-height: 50rpx;
  134. font-size: 34rpx;
  135. font-family: Arial, Helvetica, sans-serif;
  136. }
  137. .left-bt {
  138. left: 30rpx;
  139. }
  140. .right-bt {
  141. right: 20rpx;
  142. top: 20rpx;
  143. position: absolute;
  144. width: 80rpx !important;
  145. }
  146. .line {
  147. display: block;
  148. position: fixed;
  149. height: 2rpx;
  150. width: 100%;
  151. margin-top: 89rpx;
  152. background-color: #eee;
  153. }