member.wxss 1.3 KB

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