Incomelog.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. page {
  2. background-color: #FAFAFA;
  3. }
  4. .incomelog {
  5. }
  6. .incomelog .incomelog_cell {
  7. display: flex;
  8. align-items: center;
  9. justify-content: space-between;
  10. padding-left: 38rpx;
  11. padding-right: 45rpx;
  12. height: 170rpx;
  13. background-color: #FFFFFF;
  14. border-bottom: 1px solid #FAFAFA;
  15. }
  16. .incomelog .left {
  17. overflow: hidden;
  18. display: flex;
  19. align-items: center;
  20. }
  21. .incomelog .right {
  22. display: flex;
  23. flex-direction: column;
  24. align-items: flex-end;
  25. justify-content: cengter;
  26. }
  27. .incomelog .icon {
  28. float: left;
  29. width: 110rpx;
  30. height: 110rpx;
  31. border-radius: 50%;
  32. overflow: hidden;
  33. margin-right: 20rpx;
  34. }
  35. .incomelog .info {
  36. float: left;
  37. }
  38. .incomelog .info text {
  39. display: block;
  40. }
  41. .incomelog .info .info_name{
  42. font-size: 32rpx;
  43. line-height: 45rpx;
  44. color: #333333;
  45. }
  46. .incomelog .info .info_target{
  47. font-size: 26rpx;
  48. line-height: 37rpx;
  49. color: #999999;
  50. margin-top: 15rpx;
  51. }
  52. .incomelog .money {
  53. font-size: 48rpx;
  54. color: #FD0808;
  55. display: flex;
  56. align-items: flex-end;
  57. }
  58. .incomelog .money text{
  59. font-size: 30rpx;
  60. margin-left: 10rpx;
  61. color: #FD0808;
  62. line-height: 55rpx;
  63. }
  64. .incomelog .date {
  65. font-size: 26rpx;
  66. color: #333333;
  67. margin-top: 6rpx;
  68. text-align: right;
  69. }