myself.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. .content {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. justify-content: center;
  6. background-color: #F2F3F5;
  7. }
  8. .person{
  9. display: revert;
  10. width: 750rpx;
  11. height: 423rpx;
  12. background-image: url(/static/my/backage.png);
  13. background-size: 100%;
  14. }
  15. .person_touxiang{
  16. /* position: absolute; */
  17. margin-left: 30rpx;
  18. margin-top: 40rpx;
  19. width: 142rpx;
  20. height: 142rpx;
  21. border-radius: 55px;
  22. }
  23. .person_name{
  24. position: absolute;
  25. margin-left: 22rpx;
  26. margin-top: 50rpx;
  27. color: rgba(255, 255, 255, 1);
  28. font-size: 40rpx;
  29. font-weight: 600;
  30. }
  31. .person_identity{
  32. position: absolute;
  33. margin-left: 14rpx;
  34. margin-top: 160rpx;
  35. width: 179rpx;
  36. height: 42rpx;
  37. background: rgba(255, 255, 255, 0.2);
  38. border-radius: 145rpx;
  39. color: rgba(255, 255, 255, 1);
  40. font-size: 24rpx;
  41. font-weight: 400;
  42. line-height: 42rpx;
  43. text-align: center;
  44. }
  45. .person_phone{
  46. position: absolute;
  47. margin-left: 22rpx;
  48. margin-top: 98rpx;
  49. color: rgba(255, 255, 255, 0.5);
  50. font-size: 24rpx;
  51. font-weight: 400;
  52. }
  53. /* 第二部分,我的订单 */
  54. .my_order{
  55. display: revert;
  56. margin-top: -90rpx;
  57. margin-left: 31rpx;
  58. margin-right: 30rpx;
  59. width: 689rpx;
  60. height: 397rpx;
  61. background: rgba(255, 255, 255, 1);
  62. border-radius: 9rpx;
  63. }
  64. .order_title{
  65. margin-left: 28rpx;
  66. margin-top: 30rpx;
  67. color: rgba(0, 0, 0, 1);
  68. font-size: 32rpx;
  69. font-weight: 500;
  70. }
  71. .order_all{
  72. margin-left: 602rpx;
  73. margin-top: -30rpx;
  74. color: rgba(128, 128, 128, 1);
  75. font-size: 24rpx;
  76. font-weight: 400;
  77. }
  78. .item-list{
  79. display: flex;
  80. flex-direction: row;
  81. justify-content: flex-start;
  82. width: 71rpx;
  83. height: 121rpx;
  84. margin-top: 20rpx;
  85. margin-left: 10rpx;
  86. background: rgba(255, 255, 255, 1);
  87. border-radius: 10px;
  88. }
  89. .item-list-one{
  90. display: flex;
  91. flex-direction: column;
  92. align-items: center;
  93. width: 150rpx;
  94. margin-right: 30rpx;
  95. margin-top: 20rpx;
  96. }
  97. .img-btn{
  98. width: 59rpx;
  99. height: 54rpx;
  100. }
  101. .list-txt{
  102. width: 150rpx;
  103. text-align: center;
  104. font-size: 28rpx;
  105. margin-top: 10rpx;
  106. color: rgba(0, 0, 0, 1);
  107. font-weight: 400;
  108. }
  109. /* 第三部分,我的服务 */
  110. .my_help{
  111. display: revert;
  112. margin-top: 20rpx;
  113. margin-left: 30rpx;
  114. margin-right: 30rpx;
  115. width: 689rpx;
  116. height: 269rpx;
  117. background: rgba(255, 255, 255, 1);
  118. border-radius: 9rpx;
  119. }
  120. .help_title{
  121. margin-left: 28rpx;
  122. margin-top: 30rpx;
  123. color: rgba(0, 0, 0, 1);
  124. font-size: 32rpx;
  125. font-weight: 500;
  126. }