chat15.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. /* 15寸 大屏样式 */
  2. /* --- 标题 --- */
  3. /* .head {
  4. height: 5vh;
  5. text-align: center;
  6. line-height: 5vh;
  7. background-color: #f5f5f5;
  8. font-size: 18px;
  9. } */
  10. .pageView {
  11. height: 95%;
  12. /* display: flex;
  13. background-color: #f5f5f5; */
  14. }
  15. .body {
  16. /* display: flex;
  17. flex-direction: column; */
  18. height: 95vh;
  19. width: 75%;
  20. }
  21. /* --- 主内容区 --- */
  22. /* .list-wrap {
  23. flex-grow: 1;
  24. position: relative;
  25. } */
  26. /* .list-wrap .scrollview {
  27. position: absolute;
  28. height: 100%;
  29. } */
  30. /* .list-wrap .scrollview .scrollview-item {
  31. display: flex;
  32. flex-direction: column;
  33. } */
  34. /* .list-wrap .scrollview .scrollview-item .item {
  35. display: flex;
  36. margin: 0 24rpx 50rpx;
  37. } */
  38. /* .list-wrap .scrollview .scrollview-item .item .avtar {
  39. display: flex;
  40. width: 78rpx;
  41. height: 78rpx;
  42. border-radius: 50rpx;
  43. overflow: hidden;
  44. } */
  45. /* .list-wrap .scrollview .scrollview-item .item .content {
  46. position: relative;
  47. max-width: 1050rpx;
  48. background-color: #fff;
  49. margin: 40rpx 24rpx 0;
  50. border-radius: 5px;
  51. font-size: 32rpx;
  52. line-height: 42rpx;
  53. padding: 24rpx;
  54. word-wrap: break-word;
  55. } */
  56. /* .list-wrap .scrollview .scrollview-item .other {
  57. justify-content: flex-end;
  58. } */
  59. /* 底部发送框 */
  60. /* .chat-bottom {
  61. height: 300rpx;
  62. margin: 50rpx;
  63. position: relative;
  64. } */
  65. /* .chat-bottom .send-msg {
  66. display: flex;
  67. }
  68. .chat-bottom .send-msg .uni-textarea {
  69. flex: 1;
  70. } */
  71. /* .chat-bottom .send-msg .send-btn {
  72. align-items: center;
  73. justify-content: center;
  74. width: 320rpx;
  75. height: 320rpx;
  76. border-radius: 50rpx;
  77. font-size: 35rpx;
  78. font-weight: 500;
  79. color: #fff;
  80. line-height: 320rpx;
  81. z-index: 1;
  82. }
  83. .chat-bottom .send-msg .uni-textarea textarea {
  84. width: 100%;
  85. height: 270rpx;
  86. border-radius: 40rpx;
  87. line-height: 1.5;
  88. padding: 25rpx;
  89. right: 50rpx;
  90. background-color: #fff;
  91. } */
  92. /* .chat-bottom .send-msg .uni-textarea textarea ::-webkit-scrollbar {
  93. display: none;
  94. } */
  95. /* --- 左右两边占位调节、图片占位 --- */
  96. /* .sidebar-left {
  97. width: 5%;
  98. } */
  99. .sidebar-right {
  100. width: 20%;
  101. }
  102. .sidebar-right image {
  103. height: 45%;
  104. right: 45%;
  105. margin-top: 170%;
  106. }
  107. /* 去除导航条 */
  108. /* .scrollview ::-webkit-scrollbar {
  109. display: none;
  110. } */
  111. /* 聊天框数据加载 图标距离头像的间距 */
  112. /* .loadingPoint{
  113. margin-right: 30px;
  114. } */