index.less 725 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @import '../../app.less';
  2. .radio-item {
  3. width: 16px;
  4. height: 16px;
  5. vertical-align: middle;
  6. border-radius: 8px;
  7. display: inline-block;
  8. cursor: pointer;
  9. }
  10. .radio-item.checked {
  11. position: relative;
  12. }
  13. .radio-item.checked:after {
  14. content: '';
  15. position: absolute;
  16. width: 6px;
  17. height: 6px;
  18. border-radius: 3px;
  19. background: #fff;
  20. left: 50%;
  21. top: 50%;
  22. transform: translate(-50%, -50%);
  23. }
  24. .radio-item.default {
  25. border: 1px solid #C4C6CF;
  26. background: #D8D8D8;
  27. }
  28. .radio-item.checked.default {
  29. background: #006DAA;
  30. border-color: #006DAA;
  31. }
  32. .radio-item.white {
  33. border: 1px solid #C4C6CF;
  34. background: #fff;
  35. }
  36. .radio-item.checked.white {
  37. background: #4292F0FF;
  38. border-color: #4292F0FF;
  39. }