tn-checkbox.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用
  6. */
  7. .tn-checkbox.data-v-314d0a6a {
  8. display: inline-flex;
  9. align-items: center;
  10. overflow: hidden;
  11. -webkit-user-select: none;
  12. user-select: none;
  13. line-height: 1.8;
  14. }
  15. .tn-checkbox__icon-wrap.data-v-314d0a6a {
  16. color: #080808;
  17. flex: none;
  18. display: flex;
  19. flex-direction: row;
  20. align-items: center;
  21. justify-content: center;
  22. box-sizing: border-box;
  23. width: 42rpx;
  24. height: 42rpx;
  25. color: transparent;
  26. text-align: center;
  27. transition-property: color, border-color, background-color;
  28. border: 1px solid #AAAAAA;
  29. transition-duration: 0.2s;
  30. }
  31. .tn-checkbox__icon-wrap--circle.data-v-314d0a6a {
  32. border-radius: 100%;
  33. }
  34. .tn-checkbox__icon-wrap--square.data-v-314d0a6a {
  35. border-radius: 6rpx;
  36. }
  37. .tn-checkbox__icon-wrap--checked.data-v-314d0a6a {
  38. color: #FFFFFF;
  39. background-color: #01BEFF;
  40. border-color: #01BEFF;
  41. }
  42. .tn-checkbox__icon-wrap--disabled.data-v-314d0a6a {
  43. background-color: #E6E6E6;
  44. border-color: #AAAAAA;
  45. }
  46. .tn-checkbox__icon-wrap--disabled--checked.data-v-314d0a6a {
  47. color: #AAAAAA !important;
  48. }
  49. .tn-checkbox__label.data-v-314d0a6a {
  50. word-wrap: break-word;
  51. margin-left: 10rpx;
  52. margin-right: 24rpx;
  53. color: #080808;
  54. font-size: 30rpx;
  55. }
  56. .tn-checkbox__label--disabled.data-v-314d0a6a {
  57. color: #AAAAAA;
  58. }