t.cell.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. &__wrapper {
  20. position: absolute;
  21. top: 0;
  22. bottom: 0;
  23. left: var(--td-cell-horizontal-padding, 32rpx);
  24. right: var(--td-cell-horizontal-padding, 32rpx);
  25. }
  26. &__inner {
  27. padding-left: 40%;
  28. width: 100%;
  29. height: 100%;
  30. text-align: right;
  31. box-sizing: border-box;
  32. &.full {
  33. padding-left: 0;
  34. --padding-left: 40%;
  35. }
  36. &.suffix {
  37. padding-right: 32px;
  38. }
  39. }
  40. &__suffix {
  41. position: absolute;
  42. // color: var(--td-text-color-secondary, #939393);
  43. transform: translateY(-1rpx);
  44. }
  45. }
  46. .t-cell__title-text {
  47. // --td-cell-title-color: #34A76B;
  48. --td-cell-title-color: #1D6FF6;
  49. }