join.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. .TUI-Create-conversation-container {
  2. width: 100vw;
  3. height: 100vh;
  4. background-color: #F4F5F9;
  5. }
  6. .tui-navigatorbar {
  7. position: absolute;
  8. top: 0;
  9. width: 750rpx;
  10. height: 176rpx;
  11. background-color: #006EFF;
  12. }
  13. .tui-navigatorbar-back {
  14. position: absolute;
  15. width: 48rpx;
  16. height: 48rpx;
  17. left: 24rpx;
  18. bottom: 20rpx;
  19. }
  20. .conversation-title {
  21. position: absolute;
  22. width: 350rpx;
  23. height: 88rpx;
  24. line-height: 56rpx;
  25. font-size: 36rpx;
  26. color: #FFFFFF;
  27. z-index: 100;
  28. bottom: 0;
  29. left: 200rpx;
  30. display: flex;
  31. justify-content: center;
  32. align-items: center;
  33. }
  34. .tui-search-area {
  35. position: absolute;
  36. top: 176rpx;
  37. width: 750rpx;
  38. height: 144rpx;
  39. background-color: #006EFF;
  40. }
  41. .tui-search-bar {
  42. display: flex;
  43. flex-wrap: nowrap;
  44. align-items: center;
  45. margin-left: 40rpx;
  46. margin-top: 32rpx;
  47. width: 670rpx;
  48. height: 80rpx;
  49. background: #FFFFFF;
  50. border-radius: 40rpx;
  51. border-radius: 40rpx;
  52. }
  53. .tui-searchcion {
  54. display: inline-block;
  55. margin-left: 24rpx;
  56. width: 48rpx;
  57. height: 48rpx;
  58. }
  59. .tui-search-bar-input {
  60. margin-left: 16rpx;
  61. line-height: 40rpx;
  62. font-size: 28rpx;
  63. width: 100%;
  64. display: inline-block;
  65. }
  66. .tui-person-to-invite {
  67. position: absolute;
  68. top: 320rpx;
  69. display: flex;
  70. flex-wrap: nowrap;
  71. width: 750rpx;
  72. height: 150rpx;
  73. background-color: #FFFFFF;
  74. }
  75. .tui-normal-choose {
  76. margin-left: 40rpx;
  77. margin-right: 40rpx;
  78. margin-top: 52rpx;
  79. margin-bottom: 50rpx;
  80. width: 48rpx;
  81. height: 48rpx;
  82. }
  83. .tui-person-profile {
  84. width: 622rpx;
  85. display: flex;
  86. align-items: center;
  87. }
  88. .tui-person-profile-avatar {
  89. width: 96rpx;
  90. height: 96rpx;
  91. margin-right: 24rpx;
  92. }
  93. .tui-person-profile-nick {
  94. color: #333333;
  95. line-height: 50rpx;
  96. font-size: 36rpx;
  97. margin-bottom: 4rpx;
  98. }
  99. .tui-person-profile-userID {
  100. color: #999999;
  101. line-height: 40rpx;
  102. font-size: 28rpx;
  103. }
  104. .tui-confirm-btn {
  105. position: absolute;
  106. display: flex;
  107. justify-content: center;
  108. align-items: center;
  109. bottom: 100rpx;
  110. width: 670rpx;
  111. height: 96rpx;
  112. background: #006EFF;
  113. color: #FFFFFF;
  114. border-radius: 48rpx;
  115. border-radius: 48rpx;
  116. margin-left: 40rpx;
  117. line-height: 44rpx;
  118. font-size: 32rpx;
  119. }