memberCenter.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. /* pages/memberCenter/memberCenter.wxss */
  2. .memberCenter{
  3. padding: 0 30rpx;
  4. }
  5. .content{
  6. margin-top: 15rpx;
  7. height: 1000rpx;
  8. }
  9. .userinfo{
  10. display: flex;
  11. align-items: center;
  12. justify-content: space-between;
  13. }
  14. .left{
  15. display: flex;
  16. align-items: center;
  17. }
  18. .message{
  19. margin-left: 15rpx;
  20. }
  21. .name{
  22. font-size: 35rpx;
  23. font-weight: bolder;
  24. }
  25. .description{
  26. font-size: 25rpx;
  27. }
  28. .type{
  29. width: 170rpx;
  30. font-size: 30rpx;
  31. color: #ffffff;
  32. /* font-weight: bold; */
  33. border-radius: 50rpx;
  34. background-color: var(--themeColor);
  35. }
  36. .icon{
  37. font-size: 25rpx;
  38. margin-left: 8rpx;
  39. background-color: #ffffff;
  40. border-radius: 50%;
  41. padding: 4rpx;
  42. }
  43. .equity{
  44. margin-top: 15rpx;
  45. padding: 20rpx;
  46. background-color: var(--themeColor);
  47. border-radius: 10rpx;
  48. display: flex;
  49. justify-content: space-between;
  50. align-items: center;
  51. }
  52. .equity_item{
  53. display: flex;
  54. flex-direction: column;
  55. align-items: center;
  56. color: #ffcc00;
  57. }
  58. .grades{
  59. margin: 20rpx 0;
  60. display: flex;
  61. align-items: center;
  62. justify-content: space-between;
  63. background-color: var(--themeColor);
  64. }
  65. .grades_item{
  66. border-radius: 10rpx;
  67. color: #ffcc00;
  68. display: flex;
  69. flex-direction: column;
  70. align-items: center;
  71. padding: 15rpx;
  72. }
  73. .grades_item_label{
  74. font-size: 45rpx;
  75. line-height: 2rem;
  76. }
  77. .money{
  78. font-size: 25rpx;
  79. }
  80. .money_value{
  81. font-size: 55rpx;
  82. }
  83. .equityDetails{
  84. margin-top: 20rpx;
  85. }
  86. .equityDetails_title{
  87. text-align: end;
  88. font-weight: 500;
  89. }
  90. .equityDetails_content{
  91. margin: 20rpx 0;
  92. }