u-radio.ttss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. .u-radio.data-v-da6758f0 {
  7. display: inline-flex;
  8. align-items: center;
  9. overflow: hidden;
  10. -webkit-user-select: none;
  11. user-select: none;
  12. line-height: 1.8;
  13. }
  14. .u-radio__icon-wrap.data-v-da6758f0 {
  15. color: #606266;
  16. display: flex;
  17. flex-direction: row;
  18. flex: none;
  19. align-items: center;
  20. justify-content: center;
  21. box-sizing: border-box;
  22. width: 42rpx;
  23. height: 42rpx;
  24. color: transparent;
  25. text-align: center;
  26. transition-property: color, border-color, background-color;
  27. font-size: 20px;
  28. border: 1px solid #c8c9cc;
  29. transition-duration: 0.2s;
  30. }
  31. .u-radio__icon-wrap__icon.data-v-da6758f0 {
  32. line-height: 0;
  33. }
  34. .u-radio__icon-wrap--circle.data-v-da6758f0 {
  35. border-radius: 100%;
  36. }
  37. .u-radio__icon-wrap--square.data-v-da6758f0 {
  38. border-radius: 3px;
  39. }
  40. .u-radio__icon-wrap--checked.data-v-da6758f0 {
  41. color: #fff;
  42. background-color: #2979ff;
  43. border-color: #2979ff;
  44. }
  45. .u-radio__icon-wrap--disabled.data-v-da6758f0 {
  46. background-color: #ebedf0;
  47. border-color: #c8c9cc;
  48. }
  49. .u-radio__icon-wrap--disabled--checked.data-v-da6758f0 {
  50. color: #c8c9cc !important;
  51. }
  52. .u-radio__label.data-v-da6758f0 {
  53. word-wrap: break-word;
  54. margin-left: 10rpx;
  55. margin-right: 24rpx;
  56. color: #606266;
  57. font-size: 30rpx;
  58. }
  59. .u-radio__label--disabled.data-v-da6758f0 {
  60. color: #c8c9cc;
  61. }