news-item.less 971 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /* components/news-item/news-item.wxss */
  2. .new-lists-item {
  3. display: flex;
  4. border-bottom: 1px solid #f0f0f0;
  5. height: 120px;
  6. align-content: center;
  7. align-items: center;
  8. justify-content: space-between;
  9. padding: 10px 0px;
  10. .new-img {
  11. height: 80px;
  12. margin-left: 10px;
  13. border-radius: 10px;
  14. width: 180px;
  15. }
  16. .new-lists-item-left {
  17. display: grid;
  18. width: 100%;
  19. .new-title {
  20. font-size: 16px;
  21. color: #333;
  22. }
  23. .new-content {
  24. font-size: 13px;
  25. color: #666;
  26. margin-top: 10px;
  27. /// 靠左居中
  28. text-align: left;
  29. /// 溢出部分隐藏
  30. overflow: hidden;
  31. /// 文本移除后 使用...替换
  32. text-overflow: ellipsis;
  33. -webkit-line-clamp: 4;
  34. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  35. display: -webkit-box;
  36. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  37. -webkit-box-orient: vertical;
  38. }
  39. }
  40. }