card.wxss 987 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .one-t {
  2. overflow: hidden;
  3. white-space: nowrap;
  4. text-overflow: ellipsis;
  5. transition: all linear 0.2s;
  6. }
  7. .more-t {
  8. overflow: hidden;
  9. text-overflow: ellipsis;
  10. word-break: break-all;
  11. display: -webkit-box;
  12. -webkit-line-clamp: 2;
  13. -webkit-box-orient: vertical;
  14. transition: all linear 0.2s;
  15. }
  16. .card {
  17. width: 80%;
  18. margin: 10rpx auto;
  19. max-width: 700rpx;
  20. max-height: 140rpx;
  21. box-sizing: border-box;
  22. overflow: hidden;
  23. display: flex;
  24. justify-content: space-between;
  25. align-items: center;
  26. padding: 20rpx 0 20rpx 10rpx;
  27. border-radius: 12rpx;
  28. }
  29. .card-img {
  30. width: 96rpx;
  31. height: 96rpx;
  32. border-radius: 12rpx;
  33. flex: 0 0 96rpx;
  34. }
  35. .card-icon {
  36. width: 30rpx;
  37. height: 96rpx;
  38. }
  39. .card .text-wrap {
  40. display: flex;
  41. flex-direction: column;
  42. justify-content: space-between;
  43. }
  44. .card .text-wrap-width {
  45. width: 72%;
  46. }
  47. .card .title {
  48. font-weight: bold;
  49. font-size: 34rpx;
  50. line-height: 48rpx;
  51. }
  52. .card .desc {
  53. font-size: 27rpx;
  54. line-height: 37rpx;
  55. }