index.scss 775 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import '@css/mixin.scss';
  2. .l-scroll-view {
  3. height: calc(100vh);
  4. box-sizing: border-box;
  5. }
  6. .scoped-list {
  7. .sl-wrap {
  8. display: flex;
  9. padding: 20px;
  10. border-bottom: 1PX solid #f2f2f2;
  11. position: relative;
  12. }
  13. .sl-img {
  14. width: 120px;
  15. height: 120px;
  16. .img {
  17. width: 120px;
  18. height: 120px;
  19. }
  20. }
  21. .sl-right {
  22. flex: 1;
  23. padding-left: 20px;
  24. }
  25. .sl-p1 {
  26. color: #313131;
  27. font-size: 30px;
  28. font-weight: bold;
  29. padding-bottom: 10px;
  30. padding-top: 10px;
  31. }
  32. .sl-p2 {
  33. color: #666;
  34. font-size: 26px;
  35. @include textOverflows();
  36. }
  37. .sl-p3 {
  38. color: $dangerColor;
  39. font-size: 24px;
  40. }
  41. .sl-r1 {
  42. position: absolute;
  43. top: 30px;
  44. right: 20px;
  45. color: #999;
  46. font-size: 26px;
  47. }
  48. }