index.wxss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .personalBox {
  2. padding: 12rpx 20rpx;
  3. }
  4. .personalBox .userBox {
  5. display: flex;
  6. align-items: center;
  7. justify-content: space-between;
  8. background-color: white;
  9. padding: 20rpx 12rpx 0rpx;
  10. border-radius: 20rpx;
  11. box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  12. }
  13. .personalBox .userBox .identity {
  14. display: flex;
  15. flex-direction: column;
  16. align-items: center;
  17. text-align: center;
  18. }
  19. .personalBox .userBox .identity .avatar {
  20. width: 106rpx;
  21. height: 106rpx;
  22. border-radius: 50%;
  23. position: relative;
  24. }
  25. .personalBox .userBox .identity .identityText {
  26. width: 80rpx;
  27. margin-top: 6rpx;
  28. font-size: 24rpx;
  29. color: white;
  30. background-color: #10CA61;
  31. border-radius: 25rpx;
  32. }
  33. .personalBox .userBox .userRight {
  34. flex: 1;
  35. margin-left: 30rpx;
  36. padding: 0px 10rpx;
  37. }
  38. .personalBox .userBox .userRight .uRtop {
  39. display: flex;
  40. justify-content: space-between;
  41. align-items: center;
  42. }
  43. .personalBox .userBox .userRight .uRtop .uRtopleft .nickName {
  44. max-width: 340rpx;
  45. color: #333;
  46. font-size: 32rpx;
  47. }
  48. .personalBox .userBox .userRight .uRtop .uRtopleft .gradeText {
  49. margin: 18rpx 0rpx 12rpx;
  50. font-size: 24rpx;
  51. color: #989A9C;
  52. }
  53. .personalBox .userBox .userRight .uRtop .follow {
  54. display: flex;
  55. align-items: center;
  56. justify-content: center;
  57. width: 140rpx;
  58. height: 52rpx;
  59. font-size: 24rpx;
  60. border-radius: 50rpx;
  61. border: 1rpx solid #1BC665;
  62. color: #1BC665;
  63. }
  64. .personalBox .userBox .userRight .uRtop .follow .character {
  65. width: 22rpx;
  66. height: 22rpx;
  67. margin-right: 6rpx;
  68. }
  69. .personalBox .userBox .userRight .uRtop .isFans {
  70. border: 1rpx solid #969696;
  71. color: #969696;
  72. }
  73. .personalBox .userBox .userRight .uRBtm {
  74. display: flex;
  75. align-items: center;
  76. justify-content: space-between;
  77. border-top: 1px solid rgba(0, 0, 0, 0.1);
  78. padding: 18rpx 0rpx;
  79. }
  80. .personalBox .userBox .userRight .uRBtm .count {
  81. width: 33%;
  82. font-size: 28rpx;
  83. color: rgba(0, 0, 0, 0.6);
  84. text-align: center;
  85. }
  86. .personalBox .userBox .userRight .uRBtm .count .countNum {
  87. margin-left: 10rpx;
  88. }
  89. .personalBox .userBox .userRight .uRBtm .countFirst {
  90. text-align: left;
  91. }
  92. .personalBox .userBox .userRight .uRBtm .countEnd {
  93. text-align: right;
  94. border: none;
  95. }