supplyRecord.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. page {
  2. background: #F3F3F3;
  3. color: #333;
  4. box-sizing: border-box;
  5. width:750rpx;
  6. padding:32rpx 24rpx;
  7. }
  8. text,view{
  9. color:#333;
  10. font-size:28rpx;
  11. box-sizing: border-box;
  12. }
  13. .record-item{
  14. width: 702rpx;
  15. background: #FFFFFF;
  16. border-radius: 18rpx;
  17. margin-bottom:24rpx;
  18. padding:28rpx 16rpx 36rpx 24rpx;
  19. display: flex;
  20. flex-direction: column;
  21. }
  22. .item-title{
  23. height: 48rpx;
  24. display: flex;
  25. align-items: center;
  26. margin-bottom:14rpx;
  27. }
  28. .item-title image{
  29. width:34rpx;
  30. height:34rpx;
  31. margin-right:6rpx;
  32. margin-top:8rpx;
  33. }
  34. .item-title view{
  35. font-weight: bold;
  36. font-size: 32rpx;
  37. }
  38. .item-title view.item-date{
  39. color: #9F9F9F;
  40. font-weight: normal;
  41. flex:1;
  42. text-align: right;
  43. }
  44. .item-line{
  45. margin-bottom:4rpx;
  46. display: flex;
  47. align-items: center;
  48. justify-content: space-between;
  49. height: 48rpx;
  50. }
  51. .pay-status{
  52. font-weight: 600;
  53. color: #09AFFF;
  54. }
  55. .non-payment.pay-status{
  56. color: #FF004E;
  57. }
  58. .detail-btn{
  59. width: 184rpx;
  60. height: 80rpx;
  61. line-height: 80rpx;
  62. background: #1677FF;
  63. border-radius: 8rpx;
  64. color: #FFFFFF;
  65. font-size: 32rpx;
  66. text-align: center;
  67. align-self: flex-end;
  68. margin-top:24rpx;
  69. }