t.cell.scss 1.3 KB

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