index.wxss 1009 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* 头部用户样式 */
  2. .user_box {
  3. display: flex;
  4. align-items: center;
  5. height: 240rpx;
  6. width: 100vw;
  7. background-color: #ffffff;
  8. border-bottom: 1rpx solid #E4E4E4;
  9. margin-bottom: 40rpx;
  10. }
  11. .user_box>view {
  12. height: 160rpx;
  13. }
  14. /* 用户-头像 */
  15. .user_img {
  16. width: 160rpx;
  17. height: 100%;
  18. border-radius: 50%;
  19. overflow: hidden;
  20. margin-left: 40rpx;
  21. }
  22. .user_img image{
  23. width: 100%;
  24. height: 100%;
  25. }
  26. /* 用户-文字 */
  27. .user_text {
  28. position: relative;
  29. flex: 1;
  30. display: flex;
  31. flex-direction: column;
  32. justify-content: center;
  33. height: 100%;
  34. margin-left: 25rpx;
  35. margin-top: 5rpx;
  36. }
  37. .user_text>view {
  38. line-height: 60rpx;
  39. }
  40. .user_name {
  41. font-size: 34rpx;
  42. }
  43. .user_name>text {
  44. font-size: 26rpx;
  45. }
  46. .user_number {
  47. font-size: 34rpx;
  48. }
  49. /* 右侧图标 */
  50. .user_text .user_icon {
  51. position: absolute;
  52. font-size: 45rpx;
  53. color: #D6D6D6;
  54. top: 50%;
  55. right: 30rpx;
  56. transform: translate(0,-50%);
  57. }