index.less 1.5 KB

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