index.wxss 1.3 KB

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