index.less 838 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .view_top_content {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: space-between;
  5. .msg_title {
  6. font-size: 28rpx;
  7. color: #333333;
  8. }
  9. .msg_date {
  10. font-size: 22rpx;
  11. color: #999999;
  12. }
  13. }
  14. .content {
  15. width: 100%;
  16. text-align: left;
  17. /// 不允许换行
  18. // white-space: nowrap;
  19. /// 溢出部分隐藏
  20. overflow: hidden;
  21. /// 文本移除后 使用...替换
  22. text-overflow: ellipsis;
  23. -webkit-line-clamp: 2;
  24. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  25. max-height: 50px;
  26. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  27. display: -webkit-box;
  28. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  29. -webkit-box-orient: vertical;
  30. font-size: 14px;
  31. color: #333;
  32. }
  33. .loding {
  34. position: absolute;
  35. padding-top: 75%;
  36. padding-left: 45%;
  37. }