index.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .file-info-container {
  2. width: 90%;
  3. margin: 20rpx auto;
  4. padding: 0;
  5. .u-page{
  6. padding: 0;
  7. .u-list-item{
  8. margin-bottom: 20rpx;
  9. &:not(:last-child){
  10. border-bottom: 1px solid rgba(134, 134, 134, 0.47);
  11. }
  12. }
  13. }
  14. /deep/ .file-info-item {
  15. display: flex;
  16. align-items: center;
  17. justify-content: flex-start;
  18. box-sizing: border-box;
  19. padding: 20rpx 0;
  20. .file-info-item-img {
  21. width: 100rpx;
  22. height: 100rpx;
  23. display: flex;
  24. align-items: center;
  25. justify-content: center;
  26. image{
  27. width: 100%;
  28. height: 100%;
  29. }
  30. }
  31. .file-info-item-content {
  32. display: flex;
  33. flex-direction: column;
  34. justify-content: center;
  35. margin-left: 20rpx;
  36. flex-grow: 1;
  37. .file-info-item-title {
  38. height: 70rpx;
  39. line-height: 70rpx;
  40. width: 500rpx;
  41. word-break: break-word;
  42. box-sizing: border-box;
  43. font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  44. font-weight: 650;
  45. color: #333333;
  46. display: -webkit-box;
  47. -webkit-line-clamp: 2; /* 控制显示的行数 */
  48. -webkit-box-orient: vertical;
  49. overflow: hidden;
  50. text-overflow: ellipsis;
  51. }
  52. }
  53. }
  54. }