25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

206 satır
3.0 KiB

  1. /* pages/deliveryDetails/deliveryDetails.wxss */
  2. page {
  3. background: #f8f8fa;
  4. }
  5. .orderBox {
  6. width: 96%;
  7. margin: 20rpx auto;
  8. overflow: hidden;
  9. }
  10. .orderTitle {
  11. font-size: 32rpx;
  12. font-weight: 500;
  13. }
  14. .orderItem {
  15. margin: 20rpx auto;
  16. background-color: #fff;
  17. border-radius: 12rpx;
  18. overflow: hidden;
  19. }
  20. .orderName {
  21. }
  22. .item {
  23. width: 90%;
  24. margin: 20rpx auto;
  25. font-size: 28rpx;
  26. }
  27. .courier {
  28. background-color: #fff;
  29. width: 96%;
  30. margin: 20rpx auto;
  31. height: 80rpx;
  32. border: 12rpx;
  33. overflow: hidden;
  34. }
  35. .courierInput {
  36. width: 90%;
  37. margin: 10rpx auto;
  38. height: 60rpx;
  39. line-height: 60rpx;
  40. font-size: 30rpx;
  41. }
  42. .expressageIdInput {
  43. width: 90%;
  44. margin: 10rpx auto;
  45. height: 60rpx;
  46. line-height: 60rpx;
  47. }
  48. .addImg {
  49. height: 340rpx;
  50. width: 310rpx;
  51. margin: 88rpx auto;
  52. border: 1px solid #52a0fd;
  53. color: #52a0fd;
  54. }
  55. .addImg image{
  56. width: 59rpx;
  57. height: 45rpx;
  58. margin: 113rpx 125rpx 35rpx 126rpx;
  59. }
  60. .addImg text {
  61. display: block;
  62. text-align: center;
  63. }
  64. .up-img{
  65. width: 600rpx;
  66. margin: 40rpx auto 0;
  67. height: auto;
  68. padding: 10rpx;
  69. border: 1px dashed #52A0FD;
  70. }
  71. .up-img image{
  72. width: 600rpx;
  73. }
  74. .submit {
  75. width: 80%;
  76. margin: 20rpx auto;
  77. text-align: center;
  78. line-height: 80rpx;
  79. height: 80rpx;
  80. border-radius: 12rpx;
  81. color: #fff;
  82. background: rgba(101, 158, 246, 1);
  83. }
  84. .goBack{
  85. background: #fff;
  86. color: #000;
  87. border: 1px solid #eee;
  88. }
  89. .oprBtn button{
  90. width: 200rpx;
  91. height: 70rpx;
  92. line-height: 70rpx;
  93. font-size: 28rpx;
  94. display: inline-block;
  95. float: right;
  96. margin-left: 10rpx;
  97. }
  98. .content {
  99. width: 680rpx;
  100. border-radius: 10rpx;
  101. background: #fff;
  102. margin: 30rpx auto 0;
  103. padding-bottom: 27rpx;
  104. position: absolute;
  105. left: 35rpx;
  106. top: 50rpx;
  107. z-index: 10;
  108. }
  109. .txt1 {
  110. display: block;
  111. width: 400rpx;
  112. font-size: 28rpx;
  113. margin: 0 auto 15rpx;
  114. text-align: center;
  115. font-family: PingFang-SC-Medium;
  116. font-weight: 500;
  117. padding-top: 70rpx;
  118. color: rgba(51, 51, 51, 1);
  119. }
  120. .pay {
  121. width: 680rpx;
  122. text-align: center;
  123. margin: auto;
  124. margin-top: 20rpx;
  125. overflow: hidden;
  126. }
  127. .pay .memberIds {
  128. display: block;
  129. width: 680rpx;
  130. height: 88rpx;
  131. line-height: 88rpx;
  132. margin: auto;
  133. font-size: 28rpx;
  134. color: #000;
  135. text-align: center;
  136. background: #ffffff;
  137. margin-bottom: 20rpx;
  138. border-radius: 10rpx;
  139. }
  140. .pay .memberIdss {
  141. display: block;
  142. width: 680rpx;
  143. height: 88rpx;
  144. line-height: 88rpx;
  145. margin: auto;
  146. font-size: 28rpx;
  147. color: #000;
  148. text-align: center;
  149. background: #ffffff7a;
  150. margin-bottom: 20rpx;
  151. border-radius: 10rpx;
  152. }
  153. .canvas {
  154. width: 600rpx;
  155. margin: 0 auto;
  156. z-index: 9;
  157. }
  158. .canWrap {
  159. position: fixed;
  160. bottom: -20000rpx;
  161. left: -2000rpx;
  162. width: 100%;
  163. height: 100%;
  164. overflow: visible;
  165. }
  166. .canWrap canvas {
  167. width: 690rpx;
  168. height: 450rpx;
  169. }
  170. .canvasImage {
  171. display: block;
  172. width: 500rpx;
  173. margin: 0 auto;
  174. }
  175. .bg{
  176. position: absolute;
  177. left: 0;
  178. top: 0;
  179. right: 0;
  180. bottom: 0;
  181. background: #000;
  182. opacity: 0.5;
  183. z-index: 9;
  184. }