index.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .index{
  2. padding-top: 67px;
  3. background-color: #f5f5f5;
  4. min-height: 100vh;
  5. // 头像
  6. .info-edit{
  7. display: flex;
  8. flex-direction: column;
  9. align-items: center;
  10. justify-content: center;
  11. margin-bottom: 36px;
  12. .info-edit-img{
  13. width: 210px;
  14. height: 210px;
  15. border-radius: 50%;
  16. margin-bottom: 14px;
  17. }
  18. .info-edit-title{
  19. line-height: 41px;
  20. font-size: 28px;
  21. color: #F09A31;
  22. }
  23. }
  24. // 内容
  25. .info-edit-content{
  26. margin: 0 16px;
  27. border-radius: 20px;
  28. overflow: hidden;
  29. padding: 0 20px;
  30. background-color: #fff;
  31. .at-input__title{
  32. font-size: 28px;
  33. color: #222222;
  34. }
  35. }
  36. // 提交按钮
  37. .info-edit-submit{
  38. position: fixed;
  39. bottom: 30px;
  40. left: 0;
  41. right: 0;
  42. margin: 0 16px;
  43. background-color: #f6c71a;
  44. border-radius: 70px;
  45. height: 88px;
  46. font-size: 28px;
  47. color: #000000;
  48. font-weight: 700;
  49. display: flex;
  50. justify-content: center;
  51. align-items: center;
  52. }
  53. }