index.less 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .index {
  2. background-color: #f5f5f5;
  3. padding: 0 16px;
  4. box-sizing: border-box;
  5. min-height: 100vh;
  6. .info {
  7. height: 170px;
  8. display: flex;
  9. align-items: center;
  10. padding: 0 18px;
  11. box-sizing: border-box;
  12. justify-content: space-between;
  13. .avatar {
  14. width: 116px;
  15. height: 116px;
  16. border-radius: 50%;
  17. margin-right: 18px;
  18. background-color: red;
  19. }
  20. .info-right {
  21. display: flex;
  22. align-items: center;
  23. justify-content: space-between;
  24. flex: 1;
  25. .user-info {
  26. color: #000000;
  27. .name {
  28. font-size: 34px;
  29. line-height: 49px;
  30. }
  31. .account {
  32. font-size: 28px;
  33. line-height: 41px;
  34. }
  35. }
  36. .edit-icon {
  37. width: 28px;
  38. height: 28px;
  39. }
  40. }
  41. }
  42. // 功能
  43. .function {
  44. border-radius: 20px;
  45. overflow: hidden;
  46. background-color: #ffffff;
  47. .at-list__item .item-extra__icon-arrow {
  48. font-size: 44px;
  49. }
  50. .at-list__item--thumb .item-thumb {
  51. width: 40px;
  52. height: 40px;
  53. }
  54. .item-content__info-title {
  55. font-size: 28px;
  56. color: #000000;
  57. }
  58. .at-list__item{
  59. padding: 31px 17px;
  60. }
  61. }
  62. }