index.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .user-center-card {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. right: 0;
  6. height: 480rpx;
  7. // background-image: url('https://cdn-we-retail.ym.tencent.com/miniapp/template/user-center-bg-v1.png');
  8. background-size: cover;
  9. background-repeat: no-repeat;
  10. background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(245, 245, 245, 1) 100%);
  11. &__header {
  12. margin-top: 192rpx;
  13. margin-bottom: 48rpx;
  14. height: 96rpx;
  15. line-height: 48rpx;
  16. display: flex;
  17. justify-content: flex-start;
  18. align-items: center;
  19. color: #333;
  20. position: relative;
  21. }
  22. &__header__avatar {
  23. width: 96rpx;
  24. height: 96rpx;
  25. border-radius: 48rpx;
  26. overflow: hidden;
  27. }
  28. &__header__name {
  29. font-size: 36rpx;
  30. line-height: 48rpx;
  31. color: #333;
  32. font-weight: bold;
  33. margin-left: 24rpx;
  34. margin-right: 16rpx;
  35. }
  36. &__header__phone {
  37. font-size: 28rpx;
  38. line-height: 48rpx;
  39. color: #555;
  40. margin-left: 24rpx;
  41. margin-right: 16rpx;
  42. }
  43. &__header__transparent {
  44. position: absolute;
  45. left: 0;
  46. top: 0;
  47. background-color: transparent;
  48. height: 100%;
  49. width: 100%;
  50. }
  51. &__icon {
  52. line-height: 96rpx;
  53. }
  54. }
  55. .text-big {
  56. font-size: 46rpx;
  57. }
  58. .w-100 {
  59. width: 100%;
  60. }
  61. .editbtn {
  62. color: #555 !important;
  63. padding: 0 0 0 20rpx;
  64. }