user-info.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .page{
  2. border-top: 10rpx solid #f5f5f5;
  3. padding: 0 20rpx;
  4. }
  5. .title{
  6. font-size: 14px;
  7. padding: 30rpx 40rpx 30rpx 20rpx;
  8. box-sizing: border-box;
  9. }
  10. .icon-box{
  11. width: 20px;
  12. margin-right: 20rpx;
  13. }
  14. .title{
  15. border-bottom: 1px solid #eaeaea;
  16. }
  17. .group{
  18. box-sizing: border-box;
  19. }
  20. .group{
  21. margin-bottom: 60px;
  22. }
  23. .input{
  24. padding: 0 20rpx!important;
  25. }
  26. .list{
  27. display: flex;
  28. justify-content: space-between;
  29. align-items: center;
  30. width: 100%;
  31. font-size: 14px;
  32. padding:20rpx 0 20rpx 30rpx;
  33. border-bottom: 1px solid #eaeaea;
  34. box-sizing: border-box;
  35. &-title{
  36. color:#495060;
  37. min-width:65px;
  38. padding-right:10px;
  39. &.required::after{
  40. content: "*";
  41. color:red;
  42. }
  43. }
  44. &-content{
  45. flex:1;
  46. .extra{
  47. display: flex;
  48. justify-content: flex-end;
  49. align-items: center;
  50. margin-right: 10px;
  51. }
  52. .picker-full{
  53. height:73rpx;
  54. line-height:73rpx;
  55. padding:0 20rpx;
  56. }
  57. }
  58. }
  59. .avatar{
  60. width: 100rpx;
  61. height: 100rpx;
  62. border-radius: 50%;
  63. }
  64. .i-cell-group,
  65. .flex{
  66. display: flex!important;
  67. }
  68. .border{
  69. border:1px solid #bbb;
  70. height: 73rpx;
  71. }
  72. .select{
  73. height: 100%;
  74. }
  75. picker{
  76. height: 100%;
  77. }
  78. .picker{
  79. height: 73rpx;
  80. line-height: 73rpx;
  81. padding: 0 20rpx;
  82. box-sizing: border-box;
  83. }