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ů.

216 řádky
3.3 KiB

  1. .box {
  2. width: 710rpx;
  3. overflow: hidden;
  4. margin: 30rpx auto;
  5. font-size: 24rpx;
  6. }
  7. .searchBox {
  8. overflow: hidden;
  9. margin-bottom: 30rpx;
  10. }
  11. .searchs {
  12. width: 70%;
  13. float: left;
  14. height: 60rpx;
  15. border: 2rpx solid #ccc;
  16. font-size: 24rpx;
  17. border-radius: 10rpx;
  18. padding-left: 20rpx;
  19. }
  20. .searchBtn {
  21. width: 20%;
  22. float: left;
  23. height: 60rpx;
  24. line-height: 60rpx;
  25. text-align: center;
  26. margin-left: 5%;
  27. font-size: 24rpx;
  28. }
  29. .status {
  30. overflow: hidden;
  31. display: flex;
  32. flex-direction: row;
  33. justify-content: space-around;
  34. }
  35. .all {
  36. background-color: rgba(204, 51, 204);
  37. color: #fff;
  38. font-size: 28rpx;
  39. width: 100rpx;
  40. height: 100rpx;
  41. border-radius: 50%;
  42. text-align: center;
  43. line-height: 100rpx;
  44. }
  45. .save {
  46. background-color: rgba(102, 153, 255);
  47. color: #fff;
  48. font-size: 28rpx;
  49. width: 100rpx;
  50. height: 100rpx;
  51. border-radius: 50%;
  52. text-align: center;
  53. line-height: 100rpx;
  54. }
  55. .cancellation {
  56. background-color: rgba(0, 153, 51);
  57. color: #fff;
  58. font-size: 28rpx;
  59. width: 100rpx;
  60. height: 100rpx;
  61. border-radius: 50%;
  62. text-align: center;
  63. line-height: 100rpx;
  64. }
  65. .examine {
  66. background-color: rgba(255, 204, 0);
  67. color: #fff;
  68. font-size: 28rpx;
  69. width: 100rpx;
  70. height: 100rpx;
  71. border-radius: 50%;
  72. text-align: center;
  73. line-height: 100rpx;
  74. }
  75. .noExamine {
  76. background-color: rgba(255, 153, 51);
  77. color: #fff;
  78. font-size: 28rpx;
  79. width: 100rpx;
  80. height: 100rpx;
  81. border-radius: 50%;
  82. text-align: center;
  83. line-height: 100rpx;
  84. }
  85. .reject {
  86. background-color: rgba(255, 0, 0);
  87. color: #fff;
  88. font-size: 28rpx;
  89. width: 100rpx;
  90. height: 100rpx;
  91. border-radius: 50%;
  92. text-align: center;
  93. line-height: 100rpx;
  94. }
  95. .reelListBox {
  96. margin-top: 30rpx;
  97. border: 1rpx #ccc solid;
  98. border-radius: 10rpx;
  99. overflow: hidden;
  100. }
  101. .reelImg {
  102. height: 200rpx;
  103. width: 320rpx;
  104. margin: 15rpx;
  105. /* background-color: cornflowerblue; */
  106. float: left;
  107. }
  108. .describe {
  109. margin-top: 15rpx;
  110. width: 350rpx;
  111. float: left;
  112. font-size: 28rpx;
  113. }
  114. .reelNameBox {
  115. overflow: hidden;
  116. }
  117. .reelName {
  118. max-width: 260rpx;
  119. text-overflow: ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/
  120. white-space: nowrap; /*让文字不换行*/
  121. overflow: hidden; /*超出要隐藏*/
  122. font-size: 32rpx;
  123. float: left;
  124. }
  125. .reelType {
  126. width: 40rpx;
  127. height: 40rpx;
  128. font-size: 28rpx;
  129. background-color: red;
  130. line-height: 40rpx;
  131. text-align: center;
  132. color: #fff;
  133. float: left;
  134. }
  135. .denomination {
  136. margin: 15rpx 0;
  137. }
  138. .denomination::before {
  139. content: "面额:¥";
  140. font-size: 28rpx;
  141. }
  142. .selling {
  143. margin: 15rpx 0;
  144. }
  145. .selling::before {
  146. content: "售价:¥";
  147. font-size: 28rpx;
  148. }
  149. .inventoryBox {
  150. margin-top: 10rpx ;
  151. overflow: hidden;
  152. }
  153. .allInventory {
  154. float: left;
  155. }
  156. .allInventory::before {
  157. content: "总库存:";
  158. font-size: 28rpx;
  159. }
  160. .residue {
  161. float: left;
  162. margin-left: 10rpx;
  163. }
  164. .residue::before {
  165. content: "剩余库存:";
  166. font-size: 28rpx;
  167. }
  168. .addReel{
  169. width: 150rpx;
  170. height: 150rpx;
  171. border-radius: 50%;
  172. color: #fff;
  173. background-color: cornflowerblue;
  174. text-align: center;
  175. line-height: 150rpx;
  176. font-size: 32rpx;
  177. position: fixed;
  178. bottom: 0;
  179. left:0;
  180. right:0;
  181. bottom: 50rpx;
  182. margin-left:auto;
  183. margin-right:auto;
  184. }
  185. .noData{
  186. position: fixed;
  187. top: 600rpx;
  188. left: 290rpx;
  189. font-size: 30rpx;
  190. color: gray;
  191. }