msglist.less 876 B

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