index.scss 1.3 KB

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