index.acss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .block-center {
  2. display: block;
  3. margin-left: auto;
  4. margin-right: auto;
  5. }
  6. .visit-user-container {
  7. box-sizing: border-box;
  8. width: 100%;
  9. background-color: #1677ff;
  10. background-size: 100% 100%;
  11. background-position-y: calc(100%);
  12. background-repeat: no-repeat;
  13. }
  14. .visit-user-section {
  15. height:295rpx;
  16. display: flex;
  17. flex-direction: column;
  18. align-items: center;
  19. justify-content: center;
  20. padding: 36rpx 0;
  21. }
  22. .visit-user-container .community-box {
  23. display: flex;
  24. padding: 42rpx 28rpx 0 28rpx;
  25. width: 100%;
  26. align-items: center;
  27. justify-content: space-between;
  28. box-sizing: border-box;
  29. background-color: #1677ff;
  30. }
  31. .visit-user-container .community-box .community-info {
  32. display: flex;
  33. align-items: center;
  34. }
  35. .visit-user-container .community-box .community-info .lbs-icon {
  36. width: 26rpx;
  37. height: 33rpx;
  38. margin-right: 11rpx;
  39. background-image: url('https://gw.alipayobjects.com/mdn/rms_091500/afts/img/A*_zpOTYClPccAAAAAAAAAAAAAARQnAQ');
  40. background-size: 100% 100%;
  41. }
  42. .visit-user-container .community-box .community-info .text {
  43. max-width: 324rpx;
  44. font-size: 36rpx;
  45. font-weight: 600;
  46. color: #ffffff;
  47. line-height: 50rpx;
  48. white-space: nowrap;
  49. overflow: hidden;
  50. text-overflow: ellipsis;
  51. }
  52. .visit-user-container .community-box .build-info {
  53. display: flex;
  54. align-items: center;
  55. justify-content: end;
  56. }
  57. .visit-user-container .community-box .build-info .build-logo {
  58. width: 32rpx;
  59. height: 32rpx;
  60. margin: 5rpx;
  61. border-radius: 50%;
  62. opacity: 0.5;
  63. background: #FFFFFF;
  64. }
  65. .visit-user-container .community-box .build-info .text {
  66. max-width: 300rpx;
  67. font-size: 26rpx;
  68. color: #ffffff;
  69. line-height: 50rpx;
  70. white-space: nowrap;
  71. overflow: hidden;
  72. text-overflow: ellipsis;
  73. }
  74. .visit-user-container .user-info {
  75. width: 100%;
  76. display: flex;
  77. flex-direction: column;
  78. justify-content: center;
  79. align-items: center;
  80. }
  81. .visit-user-container .user-info .avator {
  82. width: 86rpx;
  83. height: 86rpx;
  84. border: 4rpx solid #5ca0ff;
  85. border-radius: 50rpx;
  86. }
  87. .visit-user-container .user-info .name {
  88. margin-top: 32rpx;
  89. font-size: 36rpx;
  90. font-weight: 600;
  91. color: #ffffff;
  92. line-height: 36rpx;
  93. }
  94. .visit-user-container .user-info .phone {
  95. margin-top: 16rpx;
  96. font-size: 26rpx;
  97. font-weight: 600;
  98. color: rgba(255, 255, 255, 0.6);
  99. line-height: 26rpx;
  100. }