index.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. /**index.wxss**/
  2. .wrap{
  3. min-height: 100vh;
  4. background: #f6f6f6;
  5. }
  6. .address_list{
  7. padding: 30rpx 0 160rpx;
  8. }
  9. .address_item{
  10. margin-top: 30rpx;
  11. padding: 30rpx;
  12. background: #FFFFFF;
  13. }
  14. .address_item:first-child{
  15. margin-top: 0;
  16. }
  17. .address_item .item_t{
  18. display: flex;
  19. align-items: center;
  20. justify-content: space-between;
  21. }
  22. .address_item .item_l{
  23. /* width: 465rpx; */
  24. flex: 1;
  25. padding-right: 20rpx;
  26. }
  27. .address_item .item_tag{
  28. font-size: 24rpx;
  29. color: #FFFFFF;
  30. padding: 6rpx 8rpx;
  31. background: #295C56;
  32. border-radius: 5rpx;
  33. margin-right: 20rpx;
  34. }
  35. .address_item .item_title{
  36. font-size: 28rpx;
  37. color: #0C0C0C;
  38. line-height: 40rpx;
  39. }
  40. .address_item .item_l_b{
  41. margin-top: 20rpx;
  42. font-size: 26rpx;
  43. color: rgba(12,12,12,.54);
  44. }
  45. .address_item .user_phone{
  46. padding-left: 10rpx;
  47. }
  48. .address_item .edit_icon{
  49. width: 35rpx;
  50. height: 35rpx;
  51. }
  52. .address_item .item_b{
  53. display: flex;
  54. align-items: center;
  55. justify-content: space-between;
  56. font-size: 26rpx;
  57. color: rgba(12,12,12,.54);
  58. margin-top: 20rpx;
  59. border-top: 1px solid rgba(35,36,40,.12);
  60. padding-top: 20rpx;
  61. }
  62. /* 底部按钮 */
  63. .btn_wrap{
  64. width: 100%;
  65. position: fixed;
  66. bottom: 60rpx;
  67. left: 0;
  68. display: flex;
  69. align-items: center;
  70. justify-content: space-around;
  71. }
  72. .btn_wrap .btn{
  73. width: 322rpx;
  74. height: 98rpx;
  75. background: #FFFFFF;
  76. border: 1px solid #E0E0E0;
  77. border-radius: 10rpx;
  78. display: flex;
  79. align-items: center;
  80. justify-content: center;
  81. font-size: 28rpx;
  82. color: #333333;
  83. }
  84. .btn_wrap .btn .wenzi{
  85. padding-left: 18rpx;
  86. }
  87. .btn_wrap .btn.wechat{
  88. background: #295C56;
  89. border: 0 none;
  90. color: #FFFFFF;
  91. }
  92. /* 确认地址 */
  93. .add_pop{
  94. width: 650rpx;
  95. background: #FFFFFF;
  96. border-radius: 10rpx;
  97. padding: 50rpx 40rpx;
  98. position: fixed;
  99. top: 50%;
  100. left: 50%;
  101. transform: translate(-50%,-50%);
  102. }
  103. .add_pop .pop_tu{
  104. width: 137rpx;
  105. height: 186rpx;
  106. position: absolute;
  107. top: -166rpx;
  108. right: 20rpx;
  109. }
  110. .add_pop .add_pop_t{
  111. font-size: 30rpx;
  112. font-weight: 500;
  113. color: #000000;
  114. text-align: center;
  115. }
  116. .add_pop .add_pop_nr{
  117. margin-top: 30rpx;
  118. width: 570rpx;
  119. background: #F6F6F6;
  120. border-radius: 10rpx;
  121. padding: 30rpx;
  122. font-size: 30rpx;
  123. color: #000000;
  124. }
  125. .add_pop .add_wenzi.grey{
  126. padding-top: 24rpx;
  127. font-size: 28rpx;
  128. color: rgba(0,0,0,.87);
  129. }
  130. .add_pop .add_btns{
  131. margin-top: 40rpx;
  132. display: flex;
  133. align-items: center;
  134. justify-content: space-between;
  135. }
  136. .add_pop .add_btns .btn{
  137. width: 270rpx;
  138. height: 72rpx;
  139. background: #295C56;
  140. border-radius: 10rpx;
  141. font-size: 30rpx;
  142. font-weight: 500;
  143. color: #FFFFFF;
  144. display: flex;
  145. align-items: center;
  146. justify-content: center;
  147. }
  148. .add_pop .add_btns .btn.cancel{
  149. background: #EEECEF;
  150. color: #333333;
  151. }