emergencyDisposalRecords.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .records {
  2. padding: 10px 15px;
  3. &-list {
  4. &-item {
  5. background-color: #fff;
  6. border-radius: 5px;
  7. margin-bottom: 10px;
  8. padding: 16px 15px;
  9. &-top {
  10. display: flex;
  11. justify-content: space-between;
  12. align-items: center;
  13. .rlit-left {
  14. width: calc(100% - 20px);
  15. &-item {
  16. margin-bottom: 20px;
  17. font-size: 15px;
  18. color: #999999;
  19. font-weight: 500;
  20. font-family: PingFangSC;
  21. width: 100%;
  22. white-space: nowrap;
  23. overflow: hidden;
  24. text-overflow: ellipsis;
  25. word-break: break-all;
  26. text {
  27. font-size: 16px;
  28. color: #171717;
  29. }
  30. }
  31. }
  32. }
  33. &-bottom {
  34. display: flex;
  35. justify-content: space-between;
  36. align-items: center;
  37. font-size: 12px;
  38. font-family: PingFangSC;
  39. color: #999999;
  40. .rlib-right {
  41. background-color: #edf3ff;
  42. border-radius: 8px;
  43. padding: 2px 8px;
  44. color: #1767f2;
  45. font-size: 11px;
  46. }
  47. }
  48. }
  49. }
  50. }