supplyOrder.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. page {
  2. background: #F3F3F3;
  3. color: #333;
  4. box-sizing: border-box;
  5. width:750rpx;
  6. padding:0rpx 0 400rpx;
  7. }
  8. text,view{
  9. color:#333;
  10. font-size:32rpx;
  11. box-sizing: border-box;
  12. }
  13. .code-top{
  14. padding:58rpx 85rpx 40rpx;
  15. display: flex;
  16. flex-direction: column;
  17. align-items: center;
  18. }
  19. .img-wrapper{
  20. width: 580rpx;
  21. height: 580rpx;
  22. background: #FFFFFF;
  23. border-radius: 56rpx;
  24. padding:50rpx;
  25. }
  26. .img-wrapper image{
  27. width:480rpx;
  28. height:480rpx;
  29. }
  30. .code-title{
  31. height: 56rpx;
  32. font-size: 40rpx;
  33. color: #333333;
  34. line-height: 56rpx;
  35. margin:32rpx 0 8rpx;
  36. }
  37. .code-tips{
  38. color: #999999;
  39. line-height: 42rpx;
  40. height: 42rpx;
  41. font-size: 30rpx;
  42. }
  43. .supply-item{
  44. background: #fff;
  45. margin-bottom:10rpx;
  46. padding-bottom:10rpx;
  47. }
  48. .item-title{
  49. height: 80rpx;
  50. line-height: 80rpx;
  51. padding-left:48rpx;
  52. border-bottom:1rpx solid #F3F3F3;
  53. color: #666666;
  54. font-size: 28rpx;
  55. margin-bottom:20rpx;
  56. }
  57. .item-line{
  58. display: flex;
  59. justify-content: space-between;
  60. align-items: center;
  61. padding:0 24rpx 0 48rpx;
  62. height: 48rpx;
  63. margin-bottom:4rpx;
  64. }
  65. .item-line view{
  66. font-size: 28rpx;
  67. color:#666;
  68. }
  69. .item-line view.item-left{
  70. color:#999;
  71. }
  72. .supply-bottom{
  73. position: fixed;
  74. bottom:0;
  75. left:0;
  76. right:0;
  77. padding-bottom: constant(safe-area-inset-bottom);
  78. padding-bottom: env(safe-area-inset-bottom);
  79. display: flex;
  80. flex-direction: column;
  81. align-items: center;
  82. background: #fff;
  83. }
  84. .total-amount{
  85. border-bottom:8rpx solid #F3F3F3;
  86. display: flex;
  87. height: 96rpx;
  88. padding:0 24rpx 8rpx 34rpx;
  89. justify-content: space-between;
  90. align-items: center;
  91. width:750rpx;
  92. }
  93. .total-amount text{
  94. font-weight:bold;
  95. }
  96. .del-item{
  97. width: 198rpx;
  98. height: 58rpx;
  99. background: #FF9F18;
  100. border-radius: 8rpx;
  101. font-size: 30rpx;
  102. text-align: center;
  103. line-height: 58rpx;
  104. color: #fff;
  105. margin:30rpx auto;
  106. }
  107. .item-operate-special{
  108. display: flex;
  109. align-items: center;
  110. justify-content: center;
  111. padding:30rpx 0;
  112. }
  113. .disable-item{
  114. width: 198rpx;
  115. height: 58rpx;
  116. background: #B7B7B7;
  117. border-radius: 8rpx;
  118. font-size: 30rpx;
  119. text-align: center;
  120. line-height: 58rpx;
  121. color: #fff;
  122. margin-right:90rpx;
  123. }
  124. .item-operate-special .add-item{
  125. margin:0;
  126. }
  127. .order-button{
  128. width: 702rpx;
  129. height: 98rpx;
  130. line-height: 98rpx;
  131. background: #1677FF;
  132. color: #FFFFFF;
  133. font-size: 36rpx;
  134. margin:24rpx 24rpx 0;
  135. text-align: center;
  136. font-weight: 400;
  137. border-radius: 8rpx;
  138. }