user.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .user .user-list {
  2. background-color: #fff;
  3. border-radius: 20rpx;
  4. position: relative;
  5. top: -100rpx;
  6. }
  7. .user .user-list ._li {
  8. height: 120rpx;
  9. line-height: 120rpx;
  10. display: flex;
  11. justify-content: space-between;
  12. padding: 0 24rpx;
  13. }
  14. .user .user-list ._li .list-left {
  15. display: flex;
  16. }
  17. .user .user-list ._li .list-left image {
  18. width: 48rpx;
  19. height: 48rpx;
  20. margin: 36rpx 16rpx 36rpx 0;
  21. }
  22. .user .user-info {
  23. background: linear-gradient(180deg, #3370ff, #f1f1f1);
  24. height: 500rpx;
  25. display: flex;
  26. align-items: center;
  27. justify-content: space-between;
  28. padding: 0 24rpx;
  29. color: #fff;
  30. }
  31. .user .user-info .user-text {
  32. position: relative;
  33. left: -10%;
  34. }
  35. .user .user-info .name {
  36. font-size: 40rpx;
  37. }
  38. .user .user-info .address {
  39. font-size: 28rpx;
  40. margin-top: 10rpx;
  41. }
  42. .user .user-info .user-img {
  43. width: 120rpx;
  44. height: 120rpx;
  45. border-radius: 50%;
  46. background-color: #fff;
  47. }
  48. .user .user-info .user-img image {
  49. width: 100rpx;
  50. height: 100rpx;
  51. margin: 10rpx;
  52. }
  53. .user .user-info > view {
  54. position: relative;
  55. top: -50rpx;
  56. }
  57. .user text {
  58. color: #fff;
  59. }
  60. .user .login-out {
  61. height: 90rpx;
  62. line-height: 90rpx;
  63. text-align: center;
  64. margin: 0 auto;
  65. position: fixed;
  66. left: 45rpx;
  67. right: 45rpx;
  68. bottom: 180rpx;
  69. background-color: #EAF0FF;
  70. color: #3370FF;
  71. border-radius: 45rpx;
  72. }