person.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .container .person {
  2. display: flex;
  3. height: 260rpx;
  4. padding: 10rpx 30rpx;
  5. justify-content: space-between;
  6. align-items: center;
  7. }
  8. .container .person .person-info {
  9. padding-left: 40rpx;
  10. }
  11. .container .person .person-info .user-name {
  12. position: relative;
  13. margin-top: 10rpx;
  14. }
  15. .container .person .person-info .user-name image {
  16. width: 35rpx;
  17. height: 35rpx;
  18. position: absolute;
  19. left: 88rpx;
  20. top: 12rpx;
  21. }
  22. .container .person .person-info .tel {
  23. margin-top: 20rpx;
  24. }
  25. .container .person .head-img {
  26. width: 200rpx;
  27. height: 200rpx;
  28. border-radius: 50%;
  29. }
  30. .container .person .head-img image {
  31. width: 200rpx;
  32. height: 200rpx;
  33. }
  34. .container .order {
  35. display: flex;
  36. width: 100%;
  37. height: 120rpx;
  38. background-color: #fff;
  39. border-bottom: 1px solid #ebeef5;
  40. justify-content: flex-start;
  41. position: relative;
  42. }
  43. .container .order .icons {
  44. width: 40rpx;
  45. height: 40rpx;
  46. margin: 40rpx 30rpx;
  47. }
  48. .container .order .order-text {
  49. line-height: 120rpx;
  50. letter-spacing: 3rpx;
  51. }
  52. .container .order .next-gray {
  53. width: 30rpx;
  54. height: 30rpx;
  55. position: absolute;
  56. right: 30rpx;
  57. top: 45rpx;
  58. }
  59. .container .assess {
  60. display: flex;
  61. width: 100%;
  62. height: 120rpx;
  63. background-color: #fff;
  64. border-bottom: 1px solid #ebeef5;
  65. justify-content: flex-start;
  66. position: relative;
  67. }
  68. .container .assess .icons {
  69. width: 55rpx;
  70. height: 55rpx;
  71. margin: 32rpx 23rpx;
  72. }
  73. .container .assess .assess-text {
  74. line-height: 120rpx;
  75. letter-spacing: 3rpx;
  76. }
  77. .container .assess .next-gray {
  78. width: 30rpx;
  79. height: 30rpx;
  80. position: absolute;
  81. right: 30rpx;
  82. top: 45rpx;
  83. }