goodsManage.wxss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. .pb80 {
  2. padding-bottom: 160rpx;
  3. }
  4. .no-list {
  5. text-align: center;
  6. width: 100%;
  7. height: 100rpx;
  8. line-height: 100rpx;
  9. background: #fff;
  10. }
  11. .check-box {
  12. box-sizing: border-box;
  13. width: 50rpx;
  14. height: 50rpx;
  15. display: flex;
  16. justify-content: center;
  17. }
  18. .check-box .checkbox-checked {
  19. width: 48rpx;
  20. height: 48rpx;
  21. }
  22. .check-box .checkbox-disabled {
  23. width: 48rpx;
  24. height: 48rpx;
  25. margin-top: 2rpx;
  26. }
  27. .check-box-content {
  28. width: 84rpx;
  29. height: 100%;
  30. display: flex;
  31. justify-content: center;
  32. align-items: center;
  33. }
  34. .order-item {
  35. border-bottom: 1rpx solid #e5e5e5;
  36. }
  37. .order-item .order-title {
  38. display: flex;
  39. align-items: center;
  40. background: #fff;
  41. height: 188rpx;
  42. }
  43. .order-item .order-title .order-status {
  44. color: #ff673f;
  45. font-size: 28rpx;
  46. font-family: PingFangSC-Medium;
  47. font-weight: 500;
  48. }
  49. .order-item .goods-item {
  50. display: flex;
  51. align-items: center;
  52. background: #fff;
  53. height: 188rpx;
  54. position: relative;
  55. }
  56. .goods-item .goods-img {
  57. width: 120rpx;
  58. height: 120rpx;
  59. margin-right: 30rpx;
  60. }
  61. .order-item .goods-item .goods-detail {
  62. width: 492rpx;
  63. height: 100%;
  64. display: flex;
  65. justify-content: center;
  66. flex-direction: column;
  67. }
  68. .order-item .goods-item .goods-detail .goods-title {
  69. display: -webkit-box;
  70. -webkit-box-orient: vertical;
  71. -webkit-line-clamp: 2;
  72. overflow: hidden;
  73. text-overflow: initial;
  74. white-space: normal;
  75. font-size: 28rpx;
  76. height: 80rpx;
  77. margin-bottom: 12rpx;
  78. }
  79. .order-item .goods-item .goods-detail .goods-desc {
  80. color: #999;
  81. font-size: 26rpx;
  82. width: 360rpx;
  83. }
  84. .order-item .goods-item .goods-sign-btn {
  85. height: 52rpx;
  86. padding: 0 24rpx;
  87. border: 2rpx solid #f75451;
  88. border-radius: 52rpx;
  89. text-align: center;
  90. line-height: 52rpx;
  91. color: #f75451;
  92. position: absolute;
  93. right: 24rpx;
  94. bottom: 20rpx;
  95. }
  96. .order-item .goods-item .goods-sign-btn.goods-sign-btn-disabled {
  97. border-color: #ccc;
  98. color: #ccc;
  99. }
  100. /* 底部 */
  101. .bottom-bar {
  102. width: 100%;
  103. height: 104rpx;
  104. display: flex;
  105. justify-content: space-between;
  106. align-items: center;
  107. background: #fff;
  108. position: fixed;
  109. bottom: 0;
  110. left: 0;
  111. z-index: 9;
  112. }
  113. .bottom-bar .check-box-content {
  114. width: 140rpx;
  115. }
  116. .bottom-bar .check-box-content .check-box {
  117. margin-right: 20rpx;
  118. }
  119. .bottom-bar .flex {
  120. display: flex;
  121. align-items: center;
  122. justify-content: flex-end;
  123. }
  124. .bottom-bar .total {
  125. margin-right: 20rpx;
  126. text-align: right;
  127. }
  128. .bottom-bar .total span {
  129. color: #f75451;
  130. }
  131. .bottom-bar .btn {
  132. flex: 3;
  133. padding: 0 40rpx;
  134. height: 80rpx;
  135. border-radius: 80rpx;
  136. line-height: 80rpx;
  137. text-align: center;
  138. color: #fff;
  139. font-size: 30rpx;
  140. margin-right: 20rpx;
  141. background: #4ca53a;
  142. white-space: nowrap;
  143. }
  144. .bottom-bar .btn.gray {
  145. background: #f55b5b;
  146. }
  147. .bottom-bar .btn.btn-disabled {
  148. flex: 1;
  149. padding: 0 40rpx;
  150. background: #e3e3e3;
  151. }
  152. .check-box {
  153. box-sizing: border-box;
  154. width: 50rpx;
  155. height: 50rpx;
  156. display: flex;
  157. justify-content: center;
  158. }
  159. .check-box .checkbox-checked {
  160. width: 48rpx;
  161. height: 48rpx;
  162. }
  163. .check-box .checkbox-disabled {
  164. width: 48rpx;
  165. height: 48rpx;
  166. margin-top: 2rpx;
  167. }
  168. .check-box-content {
  169. width: 84rpx;
  170. height: 100%;
  171. display: flex;
  172. justify-content: center;
  173. align-items: center;
  174. }