showItem.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .hmly-content-list {
  2. width: 90%;
  3. margin: 0rpx auto;
  4. margin-top: 10rpx;
  5. }
  6. .hmly-content {
  7. width: 100%;
  8. height: auto;
  9. padding: 20rpx 0rpx;
  10. display: flex;
  11. justify-content: space-between;
  12. border-bottom: 1rpx solid #f1f1f1;
  13. }
  14. .hmly-content-img {
  15. width: 232rpx;
  16. height: 232rpx;
  17. border-radius: 15rpx;
  18. }
  19. .hmly-content-img>image {
  20. width: 100%;
  21. height: 100%;
  22. border-radius: 15rpx;
  23. }
  24. .hmly-content-right {
  25. width: 530rpx;
  26. height: 100%;
  27. margin-left: 20rpx;
  28. display: flex;
  29. flex-direction: column;
  30. }
  31. .hmly-content-title {
  32. width: 100%;
  33. height: 138rpx;
  34. overflow: hidden;
  35. display: flex;
  36. flex-direction: column;
  37. }
  38. .hmly-title-text {
  39. width: 100%;
  40. font-size: 35rpx;
  41. color: #333;
  42. text-align: left;
  43. display: -webkit-box;
  44. -webkit-line-clamp: 1;
  45. /*行数n*/
  46. -webkit-box-orient: vertical;
  47. overflow: hidden;
  48. text-overflow: ellipsis;
  49. }
  50. .hmly-introduction {
  51. width: 100%;
  52. font-size: 28rpx;
  53. color: #cdcdcd;
  54. text-align: left;
  55. padding: 15rpx 0rpx;
  56. display: -webkit-box;
  57. -webkit-line-clamp: 2;
  58. /*行数n*/
  59. -webkit-box-orient: vertical;
  60. overflow: hidden;
  61. text-overflow: ellipsis;
  62. }
  63. .hmly-count {
  64. width: 100%;
  65. height: 50rpx;
  66. display: flex;
  67. justify-content: start;
  68. align-items: center;
  69. }
  70. .hmly-play-count {
  71. font-size: 25rpx;
  72. color: #cdcdcd;
  73. margin-right: 30rpx;
  74. }
  75. .hmly-ji-count {
  76. font-size: 25rpx;
  77. color: #cdcdcd;
  78. }
  79. .hmly-title-right {
  80. float: right;
  81. font-size: 26rpx;
  82. color: #aaa;
  83. }