my.scss 892 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /* pages/my/my.wxss */
  2. .personal-center {
  3. background-color: #eeeeee;
  4. }
  5. .personal-panel {
  6. width: 100%;
  7. position: relative;
  8. .info-box {
  9. width: 100%;
  10. height: 100%;
  11. position: absolute;
  12. top: 0;
  13. left: 0;
  14. display: flex;
  15. flex-direction: row;
  16. display: flex;
  17. align-items: center;
  18. padding: 0 50rpx;
  19. }
  20. .topHeaderBg {
  21. width: 100%;
  22. margin: 0;
  23. position: relative;
  24. top: 0;
  25. left: 0;
  26. }
  27. .avatar {
  28. margin-right: 30rpx;
  29. }
  30. .personal-info {
  31. display: flex;
  32. flex-direction: column;
  33. color: white;
  34. .title {
  35. font-size: 36rpx;
  36. line-height: 64rpx;
  37. }
  38. .desc {
  39. font-size: 24rpx;
  40. }
  41. }
  42. }
  43. .cell-list-contianer {
  44. background-image: url('../../static/images/background.png');
  45. background-position: center top;
  46. margin-top: -30rpx;
  47. }