index_new.wxss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  6. */
  7. page.data-v-0c544194 {
  8. background-color: #F7F7F7;
  9. border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  10. }
  11. .list .enptyStatus.data-v-0c544194 {
  12. display: flex;
  13. margin-top: 100px;
  14. justify-content: center;
  15. align-items: center;
  16. flex-direction: column;
  17. padding: 30px 10px;
  18. }
  19. .list .enptyStatus image.data-v-0c544194 {
  20. width: 80px;
  21. height: 120px;
  22. }
  23. .list .enptyStatus .words.data-v-0c544194 {
  24. color: #ffae21;
  25. font-size: 14px;
  26. padding-top: 10px;
  27. }
  28. .list .list_head.data-v-0c544194 {
  29. padding: 0 10px 0 10px;
  30. display: flex;
  31. align-items: center;
  32. height: 44px;
  33. background-color: #FFFFFF;
  34. }
  35. .list .list_head .list_select.data-v-0c544194 {
  36. margin: 0 10px 0 0;
  37. background: #F7F7F7;
  38. width: 140px;
  39. display: flex;
  40. justify-content: space-around;
  41. align-items: center;
  42. height: 28px;
  43. }
  44. .list .list_head .list_select image.data-v-0c544194 {
  45. margin-right: 5px;
  46. width: 13px;
  47. height: 18px;
  48. -webkit-transform: rotate(90deg);
  49. transform: rotate(90deg);
  50. }
  51. .list .list_head .list_search.data-v-0c544194 {
  52. color: red;
  53. height: 28px;
  54. }
  55. .list .list_head .list_btn.data-v-0c544194 {
  56. width: 30px;
  57. margin-left: 9px;
  58. color: #D12727;
  59. font-size: 15px;
  60. cursor: pointer;
  61. }
  62. .list .list_content.data-v-0c544194 {
  63. margin: 0 15px;
  64. margin-top: 15px;
  65. width: 345px;
  66. height: 174px;
  67. background-color: #FFFFFF;
  68. border-radius: 5px;
  69. box-shadow: 0px -0.5px 0px #DDDDDD;
  70. }
  71. .list .list_content .top.data-v-0c544194 {
  72. display: flex;
  73. height: 111px;
  74. width: 100%;
  75. }
  76. .list .list_content .top .headimg.data-v-0c544194 {
  77. margin: 13px 10px 5px 14px;
  78. height: 91px;
  79. width: 83px;
  80. }
  81. .list .list_content .top .headimg image.data-v-0c544194 {
  82. height: 85px;
  83. width: 80px;
  84. }
  85. .list .list_content .top .message.data-v-0c544194 {
  86. margin-top: 13px;
  87. margin-left: 5px;
  88. }
  89. .list .list_content .top .message .name.data-v-0c544194 {
  90. color: #0C0C0C;
  91. font-style: normal;
  92. font-weight: 500;
  93. font-size: 15px;
  94. line-height: 18px;
  95. }
  96. .list .list_content .top .message .same.data-v-0c544194 {
  97. display: flex;
  98. margin-top: 10px;
  99. align-items: center;
  100. height: 14px;
  101. }
  102. .list .list_content .top .message .same .circle.data-v-0c544194 {
  103. flex-shrink: 0;
  104. margin-right: 8px;
  105. width: 5px;
  106. height: 5px;
  107. border-radius: 50%;
  108. background: #F1A321;
  109. }
  110. .list .list_content .top .message .same .ding.data-v-0c544194 {
  111. flex-shrink: 0;
  112. width: 52px;
  113. font-size: 13px;
  114. color: #666666;
  115. opacity: 0.8;
  116. }
  117. .list .list_content .top .message .same .words.data-v-0c544194 {
  118. overflow: hidden;
  119. text-overflow: ellipsis;
  120. display: -webkit-box;
  121. -webkit-line-clamp: 1;
  122. line-clamp: 1;
  123. -webkit-box-orient: vertical;
  124. word-break: break-all;
  125. color: #222222;
  126. font-style: normal;
  127. opacity: 0.8;
  128. font-size: 13px;
  129. line-height: 14px;
  130. }
  131. .list .list_content .bottom.data-v-0c544194 {
  132. border-top: 0.5px solid #DDDDDD;
  133. display: flex;
  134. height: 63px;
  135. line-height: 20px;
  136. margin: 6px 15px;
  137. padding: 10px 0;
  138. }
  139. .list .list_content .bottom .left.data-v-0c544194 {
  140. width: 40px;
  141. color: #666666;
  142. font-size: 13px;
  143. opacity: 0.8;
  144. }
  145. .list .list_content .bottom .right.data-v-0c544194 {
  146. width: 260px;
  147. overflow: hidden;
  148. text-overflow: ellipsis;
  149. display: -webkit-box;
  150. -webkit-line-clamp: 2;
  151. line-clamp: 2;
  152. -webkit-box-orient: vertical;
  153. word-break: break-all;
  154. }