card.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .card-wrapper {
  2. --td-cell-vertical-padding: 6px;
  3. // --td-cell-horizontal-padding: 12px;
  4. background-color: white;
  5. $gap: 12px;
  6. margin: 6px var(--page-container-bleeding, 7px);
  7. border-radius: $gap;
  8. // box-shadow: inset 0px 0px $gap * 3 0px rgba(52, 167, 107, 0.38);
  9. .card-header {
  10. // --td-cell-title-color: #34A76B;
  11. --td-cell-title-color: #1D6FF6;
  12. --td-loading-color: var(--primary-color);
  13. padding: var(--td-cell-horizontal-padding, 32rpx);
  14. padding-bottom: var(--td-cell-vertical-padding, 32rpx);
  15. background-color: transparent;
  16. border-radius: 5px;
  17. display: flex;
  18. align-items: center;
  19. justify-content: space-between;
  20. &.no-body {
  21. padding-bottom: var(--td-cell-horizontal-padding, 32rpx);
  22. }
  23. &__title {
  24. display: flex;
  25. flex-direction: row;
  26. align-items: center;
  27. .icon {
  28. margin-right: 8px;
  29. margin-top: 2px;
  30. height: 20px;
  31. }
  32. }
  33. .loading {
  34. margin-right: 8px;
  35. }
  36. }
  37. .card-body {
  38. padding: var(--td-cell-horizontal-padding, 32rpx);
  39. // background-color: transparent;
  40. background-color: #F9F9F9;
  41. font-size: 14px;
  42. line-height: 2;
  43. // border-radius: 10px;
  44. border-radius: 0 0px 10px 10px;
  45. width: 92%;
  46. margin: 0px auto 10px auto;
  47. .row+.row {
  48. margin-top: 4px;
  49. }
  50. }
  51. .card-header+.card-body {
  52. padding-top: var(--td-cell-vertical-padding, 32rpx);
  53. }
  54. .primary {
  55. // color: var(--primary-color, #38FF6E);
  56. color: black;
  57. font-weight: bold;
  58. }
  59. }