walletDetails.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. page{
  2. width: 750rpx;
  3. background: #F0F1F5;
  4. }
  5. .walletDetails-center{
  6. width: 716rpx;
  7. margin: 20rpx auto;
  8. }
  9. .walletDetails-info{
  10. margin-bottom: 20rpx;
  11. width: 100%;
  12. height: 122rpx;
  13. display: flex;
  14. align-items: center;
  15. justify-content:space-between;
  16. border-radius: 12rpx;
  17. background: #FFFFFF;
  18. }
  19. .walletDetails-left, .walletDetails-right{
  20. display: flex;
  21. align-items: center;
  22. }
  23. image {
  24. width: 100%;
  25. height: 100%;
  26. }
  27. .avatar-box {
  28. margin-left: 16rpx;
  29. width: 64rpx;
  30. height: 64rpx;
  31. }
  32. .avatar-info{
  33. display: flex;
  34. flex-direction: column;
  35. margin-left: 16rpx;
  36. }
  37. .avatar-doc{
  38. height: 38rpx;
  39. color: #3C3C3C;
  40. font-size: 28rpx;
  41. }
  42. .avatar-time{
  43. height: 32rpx;
  44. color: #909090;
  45. font-size: 24rpx;
  46. }
  47. .walletDetails-right{
  48. margin-right: 20rpx;
  49. font-size: 24rpx;
  50. }
  51. .avatar-value-pos, .avatar-value-neg{
  52. width: 100rpx;
  53. }
  54. .avatar-value-pos {
  55. color: #FF5200;
  56. font-size: 24rpx;
  57. font-weight:bold;
  58. }
  59. .avatar-value-neg{
  60. color: #61CA54;
  61. }
  62. .avatar-symbol {
  63. font-weight: bold;
  64. margin-right: 4rpx;
  65. }
  66. /* .getMoney{
  67. color: #61CA54;
  68. } */