card.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. // width: 92%;
  45. margin: 0px auto 10px auto;
  46. .row+.row {
  47. margin-top: 4px;
  48. }
  49. }
  50. .card-header+.card-body {
  51. padding-top: var(--td-cell-vertical-padding, 32rpx);
  52. }
  53. .primary {
  54. // color: var(--primary-color, #38FF6E);
  55. color: black;
  56. font-weight: bold;
  57. }
  58. }