You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

addAddress.scss 6.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. .signing {
  2. box-sizing: border-box;
  3. width: 100vw;
  4. height: 100vh;
  5. background-color: #f6f6f6;
  6. &_verticalLine {
  7. display: flex;
  8. flex-direction: row;
  9. align-items: center;
  10. font-size: 32rpx;
  11. font-weight: 500;
  12. color: #333333;
  13. &__line {
  14. margin-right: 16rpx;
  15. width: 4px;
  16. height: 14px;
  17. background-color: #00b38b;
  18. border-radius: 2px;
  19. }
  20. }
  21. &_list {
  22. font-size: 30rpx;
  23. color: #ebebeb;
  24. .item {
  25. display: flex;
  26. flex-direction: row;
  27. justify-content: space-between;
  28. border-bottom: 1px solid;
  29. align-items: center;
  30. height: 90rpx;
  31. line-height: 90rpx;
  32. &:last-child {
  33. border: none;
  34. }
  35. .label {
  36. color: #666666;
  37. }
  38. .value {
  39. color: #333333;
  40. padding-left: 74rpx;
  41. flex: 1;
  42. text-align: right;
  43. .van-cell {
  44. padding: 0;
  45. font-size: 30rpx;
  46. color: #333333;
  47. }
  48. .status {
  49. padding: 0 16rpx;
  50. border: 1px solid #00b38b;
  51. height: 44rpx;
  52. line-height: 44rpx;
  53. color: #00b38b;
  54. font-size: 26rpx;
  55. background-color: #eef9f6;
  56. border-radius: 8rpx;
  57. margin-left: 16rpx;
  58. }
  59. }
  60. }
  61. }
  62. &_footer {
  63. position: fixed;
  64. bottom: 0;
  65. width: 100%;
  66. background-color: #ffffff;
  67. text-align: center;
  68. display: flex;
  69. flex-direction: column;
  70. align-items: center;
  71. justify-content: center;
  72. .van-button {
  73. width: 674rpx;
  74. height: 98rpx;
  75. margin-top: 24rpx;
  76. font-size: 28rpx;
  77. }
  78. }
  79. &_infoSure {
  80. .container {
  81. margin-top: 22rpx;
  82. background-color: #ffffff;
  83. padding: 32rpx 26rpx;
  84. }
  85. }
  86. &_middle {
  87. display: flex;
  88. flex-direction: column;
  89. justify-content: center;
  90. align-items: center;
  91. background-color: #ffffff;
  92. width: 100%;
  93. box-sizing: border-box;
  94. padding: 32rpx;
  95. &__identification {
  96. text-align: center;
  97. margin-top: 112rpx;
  98. .name {
  99. margin-top: 40rpx;
  100. font-size: 32rpx;
  101. color: #333333;
  102. }
  103. }
  104. .tips {
  105. margin-top: 40rpx;
  106. font-size: 28rpx;
  107. color: #999999;
  108. }
  109. }
  110. &_upload {
  111. display: flex;
  112. flex-direction: row;
  113. justify-content: space-around;
  114. padding-top: 32rpx;
  115. &__item {
  116. .group {
  117. display: flex;
  118. align-items: center;
  119. min-height: 100rpx;
  120. justify-content: space-between;
  121. .flex-sub {
  122. display: flex;
  123. justify-content: center;
  124. .bg-img {
  125. position: relative;
  126. }
  127. .image-show {
  128. display: flex;
  129. justify-content: center;
  130. align-items: center;
  131. }
  132. .photo {
  133. position: absolute;
  134. }
  135. .position-right {
  136. position: absolute;
  137. right: 0;
  138. top: 0;
  139. }
  140. }
  141. }
  142. .tip {
  143. font-family: PingFang SC, PingFang SC;
  144. font-weight: 400;
  145. font-size: 28rpx;
  146. color: #333;
  147. text-align: center;
  148. .tl {
  149. font-size: 24rpx;
  150. font-weight: 400;
  151. color: #999999;
  152. }
  153. }
  154. }
  155. }
  156. }
  157. .signing_orderVerification {
  158. &__content {
  159. background-color: #f6f6f6;
  160. padding-bottom: 10rpx;
  161. padding-top: 22rpx;
  162. .middle {
  163. background-color: #ffffff;
  164. width: 100%;
  165. box-sizing: border-box;
  166. padding: 32rpx;
  167. .list {
  168. font-size: 30rpx;
  169. color: #ebebeb;
  170. .item {
  171. display: flex;
  172. flex-direction: row;
  173. justify-content: space-between;
  174. border-bottom: 1px solid;
  175. align-items: center;
  176. height: 90rpx;
  177. line-height: 90rpx;
  178. .switch {
  179. height: 74rpx;
  180. }
  181. &:last-child {
  182. border: none;
  183. }
  184. .label {
  185. color: #666666;
  186. }
  187. .value {
  188. color: #333333;
  189. padding-left: 74rpx;
  190. flex: 1;
  191. text-align: right;
  192. .van-cell {
  193. padding: 0;
  194. font-size: 30rpx;
  195. color: #333333;
  196. }
  197. }
  198. }
  199. .vButton {
  200. width: 690rpx;
  201. height: 96rpx;
  202. border-radius: 10rpx 10rpx 10rpx 10rpx;
  203. border: 1rpx solid #00b38b;
  204. font-weight: 400;
  205. font-size: 32rpx;
  206. color: #00b38b;
  207. line-height: 32rpx;
  208. text-align: center;
  209. margin-bottom: 32rpx;
  210. }
  211. }
  212. }
  213. .identification {
  214. .top {
  215. display: flex;
  216. flex-direction: row;
  217. align-items: center;
  218. font-size: 32rpx;
  219. font-weight: 500;
  220. color: #333333;
  221. }
  222. .address {
  223. background: #f8f8f8;
  224. border-radius: 10rpx;
  225. padding: 24rpx;
  226. width: 640rpx;
  227. height: 180rpx;
  228. margin-bottom: 32rpx;
  229. display: flex;
  230. .left {
  231. flex: 3;
  232. .netWork {
  233. font-family: PingFang SC, PingFang SC;
  234. font-weight: 400;
  235. font-size: 24rpx;
  236. color: #999999;
  237. line-height: 24rpx;
  238. text-align: left;
  239. font-style: normal;
  240. text-transform: none;
  241. }
  242. .value {
  243. font-family: PingFang SC, PingFang SC;
  244. font-weight: 400;
  245. font-size: 30rpx;
  246. color: #333333;
  247. line-height: 44rpx;
  248. text-align: left;
  249. font-style: normal;
  250. text-transform: none;
  251. margin-top: 20rpx;
  252. }
  253. }
  254. .right {
  255. display: flex;
  256. flex-direction: column;
  257. flex: 1;
  258. align-items: center;
  259. justify-content: center;
  260. .icon {
  261. margin-bottom: 16rpx;
  262. }
  263. .text {
  264. font-family: PingFang SC, PingFang SC;
  265. font-weight: 400;
  266. font-size: 24rpx;
  267. color: #666666;
  268. line-height: 24rpx;
  269. text-align: left;
  270. font-style: normal;
  271. text-transform: none;
  272. }
  273. }
  274. }
  275. }
  276. .detail {
  277. width: 100%;
  278. margin-top: 80rpx;
  279. background-color: #f8f8f8;
  280. padding-bottom: 30rpx;
  281. > .item {
  282. display: flex;
  283. flex-direction: row;
  284. justify-content: space-between;
  285. font-size: 28rpx;
  286. padding: 30rpx 24rpx 0 24rpx;
  287. }
  288. .label {
  289. color: #666666;
  290. }
  291. .value {
  292. color: #333333;
  293. }
  294. }
  295. }
  296. &__footer {
  297. width: 100%;
  298. background-color: #ffffff;
  299. display: flex;
  300. flex-direction: column;
  301. align-items: center;
  302. justify-content: center;
  303. position: fixed;
  304. bottom: 0;
  305. .btn {
  306. position: relative;
  307. top: -25rpx;
  308. }
  309. }
  310. }
  311. .signing_deliveryMethod {
  312. &__content {
  313. .middle {
  314. .detail {
  315. box-sizing: border-box;
  316. padding: 24rpx;
  317. .product {
  318. font-size: 32rpx;
  319. color: #333333;
  320. font-weight: 500;
  321. }
  322. .title {
  323. display: flex;
  324. flex-direction: row;
  325. align-items: center;
  326. }
  327. .remark {
  328. margin-top: 16rpx;
  329. font-size: 26rpx;
  330. line-height: 36rpx;
  331. color: #666666;
  332. .l {
  333. color: #00b38b;
  334. }
  335. }
  336. }
  337. }
  338. }
  339. }