index.scss 1.4 KB

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