抖音小程序C端
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

221 řádky
3.9 KiB

  1. .boatBox{
  2. width: 100% !important;
  3. height: 96rpx;
  4. display: flex;
  5. justify-content: space-around;
  6. background-color: #fff;
  7. }
  8. .boatBoxf{
  9. width: 100% !important;
  10. position: fixed;
  11. top: 0;
  12. left: 0;
  13. }
  14. .boatTitle{
  15. font-size: 30rpx;
  16. text-align: center;
  17. height: 80rpx;
  18. line-height: 80rpx;
  19. color: #999;
  20. }
  21. .boatTitleA{
  22. font-size: 32rpx;
  23. text-align: center;
  24. height: 80rpx;
  25. line-height: 80rpx;
  26. font-weight: 500;
  27. }
  28. .boatA{
  29. width: 80rpx;
  30. height: 6rpx;
  31. background-color: #fb3e5c;
  32. margin: 0 auto;
  33. border-radius: 10rpx;
  34. }
  35. .orderListBox{
  36. width: 100%;
  37. margin-top: 20rpx;
  38. background-color: #fff;
  39. }
  40. .titleBox{
  41. overflow: hidden;
  42. font-size: 30rpx;
  43. }
  44. .orderName{
  45. float: left;
  46. margin: 20rpx;
  47. }
  48. .payStatus{
  49. float: right;
  50. margin: 20rpx;
  51. }
  52. .stayPay{
  53. float: right;
  54. color: #FD832D;
  55. margin: 20rpx;
  56. }
  57. .orderDetail{
  58. overflow: hidden;
  59. }
  60. .orderImgBox{
  61. float: left;
  62. width: 140rpx;
  63. height: 140rpx;
  64. background-color: #fb3e5c;
  65. border-radius: 12rpx;
  66. margin-left: 20rpx;
  67. }
  68. .orderDataBox{
  69. float: left;
  70. width: 520rpx;
  71. margin-left: 20rpx;
  72. font-size: 28rpx;
  73. }
  74. .fTitle{
  75. height: 46rpx;
  76. height: 46rpx;
  77. }
  78. .face{
  79. height: 46rpx;
  80. height: 46rpx;
  81. }
  82. .face::before{
  83. content: "面额:";
  84. font-size: 26rpx;
  85. color: #999;
  86. ;
  87. }
  88. .creationDate{
  89. height: 46rpx;
  90. height: 46rpx;
  91. }
  92. .creationDate::before{
  93. content: "下单时间:";
  94. font-size: 26rpx;
  95. color: #999;
  96. }
  97. .practicalPayBox{
  98. /* height: 60rpx; */
  99. overflow: hidden;
  100. line-height: 70rpx;
  101. font-size: 28rpx;
  102. border-top: #e6e6e6 1rpx solid;
  103. margin-top: 10rpx;
  104. }
  105. .practicalText{
  106. font-size: 26rpx;
  107. float: left;
  108. margin-left: 20rpx;
  109. }
  110. .practicalPay{
  111. color: #fb3e5c;
  112. float: left;
  113. font-size: 28rpx;
  114. }
  115. .orderLook{
  116. float: right;
  117. margin-right: 20rpx;
  118. height: 50rpx;
  119. color: #fff;
  120. line-height: 50rpx;
  121. border-radius: 40rpx;
  122. background: linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
  123. margin-top: 10rpx;
  124. margin-bottom: 10rpx;
  125. padding: 0 20rpx;
  126. }
  127. .goPay{
  128. float: right;
  129. margin-right: 20rpx;
  130. height: 50rpx;
  131. color: #fff;
  132. line-height: 50rpx;
  133. border-radius: 40rpx;
  134. background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  135. margin-bottom: 10rpx;
  136. margin-top: 10rpx;
  137. padding: 0 20rpx;
  138. }
  139. .loading {
  140. text-align: center;
  141. height: 80rpx;
  142. line-height: 80rpx;
  143. font-size: 26rpx;
  144. color: #999;
  145. }
  146. .loading image {
  147. width: 60rpx;
  148. height: 60rpx;
  149. vertical-align: middle;
  150. margin-right: 10rpx;
  151. }
  152. .dingdan {
  153. margin-top: 33rpx;
  154. }
  155. .dingdan text:nth-of-type(1) {
  156. display: block;
  157. font-size: 34rpx;
  158. color: #333;
  159. letter-spacing: 0;
  160. text-align: center;
  161. }
  162. .dingdan text:nth-of-type(2) {
  163. display: block;
  164. font-size: 28rpx;
  165. color: #999;
  166. letter-spacing: 0;
  167. text-align: center;
  168. }
  169. .dingdan image {
  170. display: block;
  171. width: 300rpx;
  172. height: 300rpx;
  173. margin: 0 auto 16rpx;
  174. }
  175. .wait{
  176. display: inline-block;
  177. width: 123rpx !important;
  178. overflow: visible!important;
  179. font-size: 28rpx;
  180. color: #FD832D;
  181. letter-spacing: 0;
  182. text-align: right;
  183. line-height: 28rpx!important;
  184. float: right;
  185. margin: 20rpx;
  186. }
  187. .sucess {
  188. display: inline-block;
  189. width: 123rpx !important;
  190. /* overflow: hidden; */
  191. font-family:PingFangSC-Regular;
  192. font-size: 28rpx;
  193. font-weight:400;
  194. color: #2C8DFF;
  195. letter-spacing: 0;
  196. text-align: right;
  197. line-height: 26px;
  198. float: right;
  199. margin: 20rpx;
  200. }
  201. .close {
  202. display: inline-block;
  203. width: 123rpx !important;
  204. overflow: hidden;
  205. font-size: 28rpx;
  206. color: #999;
  207. letter-spacing: 0;
  208. text-align: right;
  209. line-height: 28rpx;
  210. float: right;
  211. margin: 20rpx;
  212. }