settlement.scss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. .zaiui-view-box {
  2. position: relative;
  3. padding: 0 18.18upx;
  4. .zaiui-card {
  5. position: relative;
  6. padding: 18.18upx;
  7. border-radius: 9.09upx;
  8. box-shadow: 0 0 10.9upx #f7f7f7;
  9. }
  10. }
  11. .address-view {
  12. .cu-list.menu-avatar>.cu-item {
  13. height: 55px;
  14. &:after {
  15. width: 0;
  16. height: 0;
  17. border-bottom: 0;
  18. }
  19. .icon-view {
  20. position: absolute;
  21. border-radius: 100%;
  22. text-align: center;
  23. line-height: 45.45upx;
  24. height: 45.45upx;
  25. width: 45.45upx;
  26. left: 9.09upx;
  27. top: 20upx;
  28. }
  29. .content {
  30. left: 72.72upx;
  31. width: calc(100% - 94.54upx - 27.27upx);
  32. }
  33. .action {
  34. text-align: right;
  35. width: 36.36upx;
  36. }
  37. }
  38. .address-line {
  39. position: absolute;
  40. background-image: url('/static/zaiui/img/a9l.png');
  41. background-repeat: no-repeat;
  42. background-size: 100%;
  43. border-radius: 0 0 9.09upx;
  44. height: 9.09upx;
  45. width: 100%;
  46. bottom: 0;
  47. right: 0;
  48. left: 0;
  49. }
  50. }
  51. .goods-view {
  52. .title-view {
  53. position: relative;
  54. line-height: 49.09upx;
  55. height: 47.27upx;
  56. .cu-avatar {
  57. position: absolute;
  58. }
  59. .title-box {
  60. position: relative;
  61. padding-left: 63.63upx;
  62. .cu-tag {
  63. position: relative;
  64. top: -3.63upx;
  65. }
  66. }
  67. }
  68. .goods-info-view-box {
  69. position: relative;
  70. padding: 27.27upx 18.18upx;
  71. .cu-avatar {
  72. position: absolute;
  73. height: 163.63upx;
  74. width: 163.63upx;
  75. left: 18.18upx;
  76. }
  77. .goods-info-view {
  78. position: relative;
  79. padding-left: 181.81upx;
  80. height: 163.63upx;
  81. line-height: 1.4;
  82. .zaiui-tag-view {
  83. position: relative;
  84. }
  85. .goods-price-view {
  86. position: relative;
  87. line-height: 1.7;
  88. top: 9.09upx;
  89. }
  90. }
  91. }
  92. .solid-bottom::after {
  93. border-bottom: 2upx solid rgba(0, 0, 0, 0.1);
  94. }
  95. .zaiui-gift-list {
  96. position: relative;
  97. .title {
  98. padding-right: 181.81upx;
  99. }
  100. .text-right {
  101. position: absolute;
  102. right: 0;
  103. top: 0;
  104. }
  105. }
  106. .zaiui-gift-list + .zaiui-gift-list {
  107. margin-top: 10px;
  108. }
  109. .checked-view {
  110. position: relative;
  111. .zaiui-checked {
  112. position: absolute;
  113. transform: scale(0.7);
  114. }
  115. .text-black-view {
  116. padding-left: 63.63upx;
  117. line-height: 47.27upx;
  118. }
  119. }
  120. .zaiui-service-view {
  121. .flex-sub {
  122. position: relative;
  123. text-align: center;
  124. line-height: 1.8;
  125. border: 2upx solid #f7f5f5;
  126. .cu-tag {
  127. position: relative;
  128. top: -4upx;
  129. }
  130. .zaiui-corner-mark {
  131. position: absolute;
  132. right: 0;
  133. bottom: 0;
  134. width: 0;
  135. height: 0;
  136. border-bottom: 36.36upx solid #eaeaea;
  137. border-left: 45.45upx solid transparent;
  138. }
  139. .check-icon {
  140. position: absolute;
  141. font-size: 20upx;
  142. bottom: -3px;
  143. color: #FAFAFA;
  144. right: 2upx;
  145. }
  146. .zaiui-corner-mark.check {
  147. border-bottom: 36.36upx solid #e54d42;
  148. }
  149. .check-icon.check {
  150. color: #fff;
  151. }
  152. }
  153. }
  154. }
  155. .zaiui-card.pay-view {
  156. position: relative;
  157. padding: 10px 10px 0;
  158. .title-view {
  159. position: relative;
  160. .text-right {
  161. position: absolute;
  162. right: 0;
  163. }
  164. }
  165. .tag-view-box {
  166. position: relative;
  167. padding: 0 0 27.27upx;
  168. border-bottom: 1upx solid rgba(0, 0, 0, 0.1);
  169. .cu-tag {
  170. margin-top: 18.18upx;
  171. margin-right: 9.09upx;
  172. }
  173. .cu-tag + .cu-tag {
  174. margin-left: 0;
  175. }
  176. }
  177. .cu-list.menu>.cu-item {
  178. padding: 0;
  179. min-height: 90.9upx;
  180. .content {
  181. font-size: 27.27upx;
  182. }
  183. .action .cu-tag{
  184. position: relative;
  185. top: -3.63upx;
  186. right: 9.09upx;
  187. }
  188. }
  189. .cu-list.menu>.cu-item.arrow {
  190. padding-right: 29.09upx;
  191. &:before {
  192. right: 0;
  193. color: #aaaaaa;
  194. }
  195. }
  196. }
  197. .zaiui-price-view {
  198. position: relative;
  199. .item-view {
  200. position: relative;
  201. .title {
  202. padding-right: 181.81upx;
  203. }
  204. .text-right {
  205. position: absolute;
  206. right: 0;
  207. top: 0;
  208. }
  209. }
  210. .item-view + .item-view {
  211. margin-top: 18.18upx;
  212. }
  213. }
  214. .agreement-checked-view {
  215. position: relative;
  216. padding: 18.18upx 27.27upx;
  217. .zaiui-checked {
  218. position: absolute;
  219. transform: scale(0.7);
  220. }
  221. .text-black-view {
  222. padding-left: 63.63upx;
  223. line-height: 47.27upx;
  224. }
  225. }
  226. .zaiui-footer-fixed {
  227. box-shadow: 0 -2upx 9.09upx 0 #ececec;
  228. z-index: 99999;
  229. .cu-bar {
  230. width: 100%;
  231. .price-view {
  232. width: 100%;
  233. padding-right: 254.54upx;
  234. }
  235. .btn-view {
  236. position: absolute;
  237. float: right;
  238. right: 29.09upx;
  239. }
  240. }
  241. }