index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /* 盒子 */
  2. .SupplyAndDemandItemBox {
  3. width: 100%;
  4. height: 286rpx;
  5. background: #FFFFFF;
  6. border-radius: 20rpx;
  7. padding: 0 14rpx;
  8. box-sizing: border-box;
  9. margin-bottom: 30rpx;
  10. }
  11. /* 标题和按钮 */
  12. .title-and-but {
  13. display: flex;
  14. justify-content: space-between;
  15. width: 100%;
  16. padding: 30rpx 20rpx 0;
  17. box-sizing: border-box;
  18. }
  19. /* 标题 */
  20. .supply-and-demand-title {
  21. width: 530rpx;
  22. height: 80rpx;
  23. font-size: 28rpx;
  24. color: #000000;
  25. }
  26. /* 按钮 */
  27. .supply-and-demand-but {
  28. margin-top: 8rpx;
  29. }
  30. /* 时间与内容 */
  31. .time-content {
  32. display: flex;
  33. justify-content: space-between;
  34. align-items: flex-end;
  35. height: 95rpx;
  36. width: 100%;
  37. margin-top: 6rpx;
  38. border-bottom: 1px solid rgba(151, 151, 151, .2);
  39. padding-bottom: 10rpx;
  40. box-sizing: border-box;
  41. }
  42. .supply-and-demand-time {
  43. font-size: 24rpx;
  44. color: rgba(0, 0, 0, .4);
  45. margin-left: 16rpx;
  46. }
  47. .supply-and-demand-content {
  48. display: flex;
  49. }
  50. .supply-and-demand-content>image {
  51. width: 108rpx;
  52. height: 84rpx;
  53. border-radius: 8rpx;
  54. margin-left: 10rpx;
  55. }