myCenter.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-eea72321 {
  4. padding: 0 20rpx;
  5. min-height: 100vh;
  6. background-color: #f1f6fe;
  7. }
  8. .container .header.data-v-eea72321 {
  9. position: relative;
  10. width: 710rpx;
  11. height: 260rpx;
  12. text-align: end;
  13. overflow: hidden;
  14. }
  15. .container .header .header_img.data-v-eea72321 {
  16. margin-top: -24rpx;
  17. margin-right: -45rpx;
  18. width: 589rpx;
  19. height: 320rpx;
  20. }
  21. .container .header .user_photo.data-v-eea72321 {
  22. position: absolute;
  23. top: 80rpx;
  24. left: 20rpx;
  25. width: 120rpx;
  26. height: 120rpx;
  27. border-radius: 50%;
  28. }
  29. .container .header .user_name.data-v-eea72321 {
  30. position: absolute;
  31. top: 90rpx;
  32. left: 167rpx;
  33. font-size: 40rpx;
  34. font-weight: bold;
  35. }
  36. .container .header .user_grade.data-v-eea72321 {
  37. position: absolute;
  38. top: 160rpx;
  39. left: 167rpx;
  40. font-size: 24rpx;
  41. color: #666666;
  42. }
  43. .container .body.data-v-eea72321 {
  44. padding: 0 30rpx;
  45. background-color: #fff;
  46. }
  47. .container .body .body_box.data-v-eea72321 {
  48. display: flex;
  49. align-items: center;
  50. height: 110rpx;
  51. }
  52. .container .body .body_box .box_img.data-v-eea72321 {
  53. width: 50rpx;
  54. height: 50rpx;
  55. border-radius: 50%;
  56. }
  57. .container .body .body_box .box_title.data-v-eea72321 {
  58. flex: 1;
  59. margin-left: 18rpx;
  60. font-size: 32rpx;
  61. }
  62. .container .body .body_box .box_icon.data-v-eea72321 {
  63. width: 31rpx;
  64. height: 31rpx;
  65. }