exchangeCode.wxss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. /* pages/welfareMall/exchangeCode/exchangeCode.wxss */
  2. page{
  3. display:flex;
  4. flex-flow: column nowrap;
  5. justify-content: left;
  6. align-items: center;
  7. box-sizing: border-box;
  8. }
  9. /* 垂直方向布局,水平居中 **/
  10. .flex-column{
  11. display: flex;
  12. flex-flow: column nowrap;
  13. align-items: center;
  14. justify-content: left;
  15. }
  16. /* 水平方向布局,垂直居中 **/
  17. .flex-row{
  18. display: flex;
  19. flex-flow: row nowrap;
  20. align-items: center;
  21. justify-content: center;
  22. }
  23. .exchangeCode-query{
  24. width: 686rpx;
  25. height: 80rpx;
  26. background: #f3f3f3;
  27. border-radius: 40rpx;
  28. text-align: center;
  29. line-height: 80rpx;
  30. font-size: 28rpx;
  31. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  32. font-weight: 400;
  33. margin-top: 104rpx;
  34. }
  35. .exchangeCode-query-placeholder{
  36. font-size: 28rpx;
  37. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  38. font-weight: 400;
  39. color: #b8b8b8;
  40. }
  41. .exchangeCode-confirm{
  42. width: 684rpx;
  43. height: 80rpx;
  44. /* background: #b9d25d; */
  45. border-radius: 40rpx;
  46. text-align: center;
  47. line-height: 80rpx;
  48. font-size: 28rpx;
  49. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  50. font-weight: 400;
  51. color: #ffffff;
  52. margin-top: 50rpx;
  53. margin-bottom: 46rpx;
  54. }
  55. .exchangeCode-process{
  56. width: 684rpx;
  57. height: 1052rpx;
  58. background: #f5f5f5;
  59. /* border: 2rpx solid #b9d25d; */
  60. border-radius: 40rpx;
  61. margin-bottom: 54rpx;
  62. }
  63. .exchangeCode-process-style{
  64. margin: 0 94rpx 0;
  65. }
  66. .exchangeCode-process-img{
  67. width: 180rpx;
  68. height: 180rpx;
  69. }
  70. .exchangeCode-img-style{
  71. position: absolute;
  72. width: 180rpx;
  73. height: 180rpx;
  74. }
  75. .exchangeCode-process-num{
  76. position: relative;
  77. width: 32rpx;
  78. height: 32rpx;
  79. /* background: #b9d25d;
  80. border: 2rpx solid #b9d25d; */
  81. border-radius: 50%;
  82. text-align: center;
  83. line-height: 32rpx;
  84. font-size: 20rpx;
  85. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  86. font-weight: 400;
  87. color: #ffffff;
  88. margin-top: 16rpx;
  89. margin-left: 16rpx;
  90. }
  91. .exchangeCode-process-tittle{
  92. font-size: 28rpx;
  93. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  94. font-weight: 400;
  95. text-align: center;
  96. /* color: #b9d25d; */
  97. margin: 38rpx 0 52rpx;
  98. }
  99. .process-style{
  100. flex-flow: row wrap;
  101. justify-content: space-between;
  102. align-items: flex-start;
  103. }
  104. .exchangeCode-process-text{
  105. margin-top: 24rpx;
  106. font-size: 24rpx;
  107. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  108. font-weight: 400;
  109. text-align: center;
  110. color: #444444;
  111. }
  112. .exchangeCode-process-speed{
  113. width: 180rpx;
  114. }
  115. .bg-zindex{
  116. position: fixed;
  117. width: 100%;
  118. height: 100%;
  119. top: 0;
  120. background: rgba(0,0,0,0.33);
  121. display: flex;
  122. justify-content: center;
  123. align-items: center;
  124. flex-direction: column;
  125. z-index: 999;
  126. }
  127. .success_window{
  128. width: 618rpx;
  129. height: 358rpx;
  130. background: #FFFFFF;
  131. border-radius: 20rpx;
  132. position: relative;
  133. z-index: 9999;
  134. align-items: center;
  135. margin-bottom: 15%;
  136. }
  137. .w_img{
  138. width: 438rpx;
  139. height: 70rpx;
  140. margin-top: 48rpx;
  141. }
  142. .w_text{
  143. margin-top: 50rpx;
  144. text-align: center;
  145. font-size: 28rpx;
  146. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  147. font-weight: 400;
  148. color: #929292;
  149. }
  150. .w_border{
  151. width: 600rpx;
  152. height: 2rpx;
  153. background: #A0A0A0;
  154. margin-top: 72rpx;
  155. }
  156. .w_go_order{
  157. width: 252rpx;
  158. height: 74rpx;
  159. /* background: #b9d25d; */
  160. border-radius: 36rpx;
  161. text-align: center;
  162. line-height: 74rpx;
  163. margin-top: 58rpx;
  164. font-size: 28rpx;
  165. font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  166. font-weight: 400;
  167. color: #ffffff;
  168. }