user-detail.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. .page-user-detail{
  2. .user-detail-title{
  3. font-weight: bold;
  4. font-size:14px;
  5. display: flex;
  6. justify-content: center;
  7. align-items: center;
  8. }
  9. .editor-item{
  10. margin-left:20px;
  11. margin-right:20px;
  12. margin-top:10px;
  13. .uni-forms-item{
  14. .avatarBtn {
  15. position: relative;
  16. display:flex;
  17. justify-content: flex-start;
  18. align-items: center;
  19. background:#FFF;
  20. .avatar {
  21. width: 168rpx; height: 168rpx;
  22. border-radius: 10px;
  23. border: 2rpx #a07c5a solid;
  24. }
  25. }
  26. .upload-box{
  27. width:100%;
  28. height:100px;
  29. .btn-upload{
  30. height:80px;
  31. width:80px;
  32. display:flex;
  33. justify-content:center;
  34. align-items: center;
  35. font-size:32px;
  36. color:#CCC;
  37. .img{
  38. width:100%;
  39. height:100%;
  40. }
  41. }
  42. }
  43. }
  44. .border-b{
  45. width:100%;
  46. height:1px;
  47. border-bottom:1px solid #e3e3e3;
  48. margin-top: -20px;
  49. margin-bottom: 30px;
  50. }
  51. .mobile-item{
  52. display:flex;
  53. flex-direction: row;
  54. height:30px;
  55. align-items: center;
  56. justify-content: flex-start;
  57. .mobile{
  58. display:flex;
  59. width:80px;
  60. }
  61. .btn-mobile{
  62. display:flex;
  63. height:30px;
  64. line-height: 30px;
  65. border:none;
  66. margin:0px;
  67. padding:0px 5px;
  68. font-size:12px;
  69. border-radius: 5px;
  70. float: right;
  71. background-color: #a07c5a;
  72. }
  73. }
  74. .btn{
  75. width:100%;
  76. margin-top:40px;
  77. padding-bottom:30px;
  78. .btn-save{
  79. height:30px;
  80. line-height: 30px;
  81. border-radius: 5px;
  82. font-size:12px;
  83. background-color: #a07c5a;
  84. }
  85. }
  86. }
  87. }