index.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. .card {
  2. display: flex;
  3. flex-direction: row;
  4. align-items: center;
  5. height: 172rpx;
  6. width: 100%;
  7. border-top: 2rpx solid rgba(242, 242, 242, 1);
  8. border-bottom: 12rpx solid rgba(242, 242, 242, 1);
  9. }
  10. .card .avatar {
  11. width: 123rpx;
  12. height: 123rpx;
  13. background: rgba(255, 155, 98, 1);
  14. border-radius: 50%;
  15. margin-left: 71rpx;
  16. }
  17. .card .flex {
  18. display: flex;
  19. flex-direction: column;
  20. justify-content: center;
  21. margin-left: 45rpx;
  22. }
  23. .card .flex .name {
  24. font-size: 32rpx;
  25. font-family: SourceHanSansCN-Regular;
  26. font-weight: 400;
  27. color: rgba(34, 34, 34, 1);
  28. }
  29. .card .flex .wz {
  30. font-size: 22rpx;
  31. font-family: SourceHanSansCN-Regular;
  32. font-weight: 400;
  33. color: rgba(153, 153, 153, 1);
  34. }
  35. /* 个人资料开始 */
  36. .basic {
  37. display: flex;
  38. flex-direction: row;
  39. justify-content: space-between;
  40. align-items: center;
  41. height: 78rpx;
  42. width: 100%;
  43. border-bottom: 1rpx solid rgba(238, 238, 238, 1);
  44. }
  45. .basic .persondetail {
  46. font-size: 32rpx;
  47. font-family: SourceHanSansCN-Regular;
  48. font-weight: 400;
  49. color: rgba(34, 34, 34, 1);
  50. padding-left: 60rpx;
  51. }
  52. .basic .edit {
  53. width: 29rpx;
  54. height: 29rpx;
  55. padding-right: 30rpx;
  56. }
  57. .basic-info {
  58. display: flex;
  59. flex-direction: column;
  60. align-items: center;
  61. height: 205rpx;
  62. width: 100%;
  63. border-bottom: 12rpx solid rgba(242, 242, 242, 1);
  64. padding-top: 25rpx;
  65. }
  66. .infoma {
  67. display: flex;
  68. flex-direction: row;
  69. height: 24rpx;
  70. width: 100%;
  71. margin-bottom: 20rpx;
  72. }
  73. .infoma .detailinfo {
  74. font-size: 26rpx;
  75. font-family: SourceHanSansCN-Regular;
  76. font-weight: 400;
  77. color: rgba(102, 102, 102, 1);
  78. margin-left: 60rpx;
  79. width: 30%;
  80. }
  81. .infoma .detail {
  82. font-size: 26rpx;
  83. font-family: SourceHanSansCN-Regular;
  84. font-weight: 400;
  85. color: rgba(102, 102, 102, 1);
  86. width: 70%;
  87. }
  88. .basic-info1 {
  89. display: flex;
  90. flex-direction: column;
  91. align-items: center;
  92. height: 168rpx;
  93. width: 100%;
  94. border-bottom: 12rpx solid rgba(242, 242, 242, 1);
  95. padding-top: 25rpx;
  96. }
  97. .add {
  98. display: flex;
  99. flex-direction: row;
  100. align-items: center;
  101. width: 100%;
  102. height: 148rpx;
  103. border-bottom: 12rpx solid rgba(242, 242, 242, 1);
  104. }
  105. .add image {
  106. width: 76rpx;
  107. height: 77rpx;
  108. margin-left: 143rpx;
  109. }
  110. .add text {
  111. font-size: 26rpx;
  112. font-family: SourceHanSansCN-Regular;
  113. font-weight: 400;
  114. color: rgba(153, 153, 153, 1);
  115. margin-left: 52rpx;
  116. }
  117. .basic-info2 {
  118. display: flex;
  119. flex-direction: column;
  120. align-items: center;
  121. height: 163rpx;
  122. width: 100%;
  123. border-bottom: 1rpx solid rgba(238, 238, 238, 1);
  124. padding-top: 25rpx;
  125. }
  126. .infoma .dba {
  127. display: flex;
  128. flex-direction: row;
  129. justify-content: space-between;
  130. align-items: center;
  131. width: 70%;
  132. }
  133. .infoma .dba .detail {
  134. font-size: 26rpx;
  135. font-family: SourceHanSansCN-Regular;
  136. font-weight: 400;
  137. color: rgba(102, 102, 102, 1);
  138. }
  139. .infoma .dba .edit1 {
  140. width: 29rpx;
  141. height: 29rpx;
  142. padding-right: 30rpx;
  143. }
  144. .wx {
  145. padding-top: 29rpx;
  146. width: 100%;
  147. }