t.cell.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .cell-border-gradient {
  2. &::after {
  3. left: 0 !important;
  4. right: 0 !important;
  5. border-bottom: none !important;
  6. height: 1px;
  7. transform: translateY(-1px);
  8. background: linear-gradient(90deg, rgba(15, 34, 38, 0) 0%, var(--primary-color, #38FF6E) 50%, rgba(15, 34, 38, 0) 100%);
  9. }
  10. }
  11. .cell-field {
  12. position: relative;
  13. --td-radio-icon-colol: var(--td-text-color-secondary);
  14. --td-radio-icon-checked-color: var(--primary-color);
  15. --td-radio-label-color: var(--td-text-color-secondary);
  16. --td-radio-label-checked-color: #fff;
  17. &__wrapper {
  18. position: absolute;
  19. top: 0;
  20. bottom: 0;
  21. left: var(--td-cell-horizontal-padding, 32rpx);
  22. right: var(--td-cell-horizontal-padding, 32rpx);
  23. }
  24. &__inner {
  25. padding-left: 40%;
  26. width: 100%;
  27. height: 100%;
  28. text-align: right;
  29. box-sizing: border-box;
  30. &.full {
  31. padding-left: 0;
  32. --padding-left: 40%;
  33. }
  34. &.suffix {
  35. padding-right: 32px;
  36. }
  37. }
  38. &__suffix {
  39. position: absolute;
  40. // color: var(--td-text-color-secondary, #939393);
  41. transform: translateY(-1rpx);
  42. }
  43. }
  44. .t-cell__title-text {
  45. --td-cell-title-color: #34A76B;
  46. }