personalCenterHead.acss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. .hospital-new-component .personal-center-head .personal-center-container {
  2. overflow: hidden;
  3. background-size: cover;
  4. background-position: center;
  5. background-repeat: no-repeat;
  6. border-radius: 16rpx;
  7. padding: 32rpx 0 32rpx 32rpx;
  8. background-image: url("https://gw.alipayobjects.com/mdn/rms_373ab8/afts/img/A*hLmUSr_NSZsAAAAAAAAAAAAAARQnAQ");
  9. }
  10. .hospital-new-component .personal-center-head .personal-center-container .login .login-top .login-top-title {
  11. color: #fff;
  12. font-weight: bold;
  13. font-size: 32rpx;
  14. margin-bottom: 10rpx;
  15. }
  16. .hospital-new-component .personal-center-head .personal-center-container .login .login-top .login-top-desc {
  17. color: #85D3FF;
  18. font-size: 28rpx;
  19. font-weight: bold;
  20. }
  21. .hospital-new-component .personal-center-head .personal-center-container .login-out .login-btn {
  22. height: 54rpx;
  23. width: 171rpx;
  24. font-size: 24rpx;
  25. color: #fff;
  26. display: flex;
  27. align-items: center;
  28. justify-content: center;
  29. margin-top: 61rpx;
  30. border-radius: 8rpx;
  31. border: 1px solid #fff;
  32. background-color: transparent;
  33. }
  34. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top {
  35. display: flex;
  36. }
  37. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left {
  38. flex: 1;
  39. display: flex;
  40. align-items: center;
  41. color: #fff;
  42. }
  43. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .avatar {
  44. width: 70rpx;
  45. height: 70rpx;
  46. }
  47. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .avatar .avatar-img {
  48. width: 100%;
  49. height: 100%;
  50. border-radius: 50%;
  51. border: 1px solid #eee;
  52. }
  53. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .title {
  54. flex: 1;
  55. color: #fff;
  56. padding-left: 25rpx;
  57. }
  58. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .title .user-name {
  59. font-size: 32rpx;
  60. font-weight: bold;
  61. }
  62. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .title .user-number {
  63. font-size: 28rpx;
  64. margin-top: 8rpx;
  65. }
  66. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-right .change-btn {
  67. width: 158rpx;
  68. height: 42rpx;
  69. line-height: 42rpx;
  70. text-align: center;
  71. background: #89D0FF;
  72. border-top-left-radius: 24rpx;
  73. border-bottom-left-radius: 24rpx;
  74. color: #fff;
  75. font-size: 22rpx;
  76. }
  77. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons {
  78. display: flex;
  79. min-height: 54rpx;
  80. margin-top: 68rpx;
  81. }
  82. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn {
  83. height: 54rpx;
  84. font-size: 24rpx;
  85. border-radius: 16rpx;
  86. border: 1px solid #fff;
  87. margin-right: 16rpx;
  88. }
  89. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn:last-child {
  90. margin-right: 0;
  91. }
  92. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn .login-btn-content {
  93. display: flex;
  94. height: 100%;
  95. align-items: center;
  96. padding: 10rpx 16rpx;
  97. font-size: 24rpx;
  98. color: #fff;
  99. }
  100. .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn .btn-icon {
  101. width: 24rpx;
  102. height: 24rpx;
  103. margin-right: 16rpx;
  104. }