newAddress.wxss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. .bg {
  2. position: relative;
  3. width: 100%;
  4. min-height: 100%;
  5. background-color: #f3f3f3;
  6. }
  7. .newAddress-top {
  8. height: 20rpx;
  9. }
  10. .newAddress-line {
  11. height: 90rpx;
  12. line-height: 90rpx;
  13. background-color: #fff;
  14. font-size: 28rpx;
  15. border-bottom: 1px solid #eeeeee;
  16. }
  17. .newAddress-title {
  18. float: left;
  19. margin-left: 20rpx;
  20. color: #4c4c4c;
  21. }
  22. .text-placeholder {
  23. color: #bbbbbb;
  24. }
  25. .nameText {
  26. width: 400rpx;
  27. height: 90rpx;
  28. line-height: 90rpx;
  29. color: #4c4c4c;
  30. float: right;
  31. text-align: right;
  32. padding-right: 20rpx;
  33. }
  34. .newAddress-picker {
  35. float: right;
  36. text-align: right;
  37. color: #bbbbbb;
  38. }
  39. .newAddress-picker__icon {
  40. float: right;
  41. margin-top: 33rpx;
  42. margin-right: 20rpx;
  43. margin-left: 12rpx;
  44. width: 13rpx;
  45. height: 24rpx;
  46. }
  47. .newAddress-picker__text {
  48. float: right;
  49. width: 500rpx;
  50. }
  51. .newAddress-more {
  52. background-color: #fff;
  53. }
  54. .newAddress-more {
  55. padding: 30rpx 20rpx;
  56. }
  57. .newAddress-more__title {
  58. font-size: 28rpx;
  59. color: #4c4c4c;
  60. }
  61. .newAddress-form {
  62. position: fixed;
  63. left: 0;
  64. bottom: 0;
  65. width: 100%;
  66. height: 90rpx;
  67. }
  68. .newAddress-btn {
  69. width: 100%;
  70. height: 100%;
  71. background-color: #eab86a;
  72. color: #fff;
  73. line-height: 90rpx;
  74. text-align: center;
  75. font-size: 28rpx;
  76. }
  77. .textarea {
  78. padding-top: 20rpx;
  79. display: block;
  80. width: 710rpx;
  81. min-height: 200rpx;
  82. line-height: 40rpx;
  83. font-size: 28rpx;
  84. color: #4c4c4c
  85. }
  86. .distpicker {
  87. position: fixed;
  88. bottom: 0;
  89. left: 0;
  90. z-index: 999;
  91. width: 100%;
  92. height: 560rpx;
  93. display: flex;
  94. justify-content: center;
  95. flex-wrap: wrap;
  96. background-color: #fff;
  97. font-size:28rpx;
  98. color:#666;
  99. }
  100. .distpicker-btn {
  101. display: flex;
  102. justify-content: space-between;
  103. box-sizing: border-box;
  104. width: 100%;
  105. padding: 0 40rpx;
  106. height: 80rpx;
  107. line-height: 80rpx;
  108. background-color: #fafafa;
  109. color: #eab86a;
  110. }
  111. .distpicker-content {
  112. box-sizing: border-box;
  113. width: 100%;
  114. height: 560rpx;
  115. background-color: #fff;
  116. text-align: center;
  117. }
  118. .mask {
  119. position: fixed;
  120. left: 0;
  121. top: 0;
  122. z-index: 998;
  123. width: 100%;
  124. height: 100%;
  125. background-color: rgba(0, 0, 0, .4);
  126. }
  127. .hidden {
  128. display: none;
  129. }
  130. .area-item {
  131. line-height: 80rpx;
  132. }
  133. .newAddress-tip {
  134. height: 245rpx;
  135. margin-top: 30rpx;
  136. background: #ffffff;
  137. padding-top: 40rpx;
  138. padding-left: 30rpx;
  139. padding-right: 20rpx;
  140. }
  141. .tip-title {
  142. font-size: 33rpx;
  143. color: #4e4e4e;
  144. padding-bottom: 20rpx;
  145. }
  146. .tip-in {
  147. font-size: 28rpx;
  148. color: #4e4e4e;
  149. line-height: 45rpx;
  150. }
  151. .tip-color {
  152. color: #fe6565;
  153. }