index.wxss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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: 16rpx;
  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. overflow: hidden;
  88. text-overflow: ellipsis;
  89. white-space: nowrap;
  90. }
  91. .basic-info1 {
  92. display: flex;
  93. flex-direction: column;
  94. align-items: center;
  95. height: 168rpx;
  96. width: 100%;
  97. border-bottom: 12rpx solid rgba(242, 242, 242, 1);
  98. padding-top: 25rpx;
  99. }
  100. .add {
  101. display: flex;
  102. flex-direction: row;
  103. align-items: center;
  104. width: 100%;
  105. height: 148rpx;
  106. border-bottom: 12rpx solid rgba(242, 242, 242, 1);
  107. }
  108. .add image {
  109. width: 76rpx;
  110. height: 77rpx;
  111. margin-left: 143rpx;
  112. }
  113. .add text {
  114. font-size: 26rpx;
  115. font-family: SourceHanSansCN-Regular;
  116. font-weight: 400;
  117. color: rgba(153, 153, 153, 1);
  118. margin-left: 52rpx;
  119. }
  120. .basic-info2 {
  121. display: flex;
  122. flex-direction: column;
  123. align-items: center;
  124. height: 163rpx;
  125. width: 100%;
  126. border-bottom: 1rpx solid rgba(238, 238, 238, 1);
  127. padding-top: 25rpx;
  128. }
  129. .infoma .dba {
  130. display: flex;
  131. flex-direction: row;
  132. justify-content: space-between;
  133. align-items: center;
  134. width: 70%;
  135. }
  136. .infoma .dba .detail {
  137. font-size: 26rpx;
  138. font-family: SourceHanSansCN-Regular;
  139. font-weight: 400;
  140. color: rgba(102, 102, 102, 1);
  141. }
  142. .infoma .dba .edit1 {
  143. width: 29rpx;
  144. height: 29rpx;
  145. padding-right: 30rpx;
  146. }
  147. .wx {
  148. padding-top: 29rpx;
  149. width: 100%;
  150. }