index.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. @import '../style/var';
  2. .van-tree-select {
  3. user-select: none;
  4. font-size: 14px;
  5. position: relative;
  6. &__nav {
  7. width: 35%;
  8. position: absolute;
  9. left: 0;
  10. top: 0;
  11. bottom: 0;
  12. min-width: 120px;
  13. overflow: scroll;
  14. background-color: @background-color-light;
  15. -webkit-overflow-scrolling: touch;
  16. }
  17. &__nitem {
  18. position: relative;
  19. line-height: 44px;
  20. padding: 0 9px 0 15px;
  21. &--active::after {
  22. position: absolute;
  23. top: 0;
  24. bottom: 0;
  25. left: 0;
  26. width: 3.6px;
  27. background-color: @red;
  28. content: '';
  29. }
  30. &--active {
  31. font-weight: bold;
  32. background-color: @white;
  33. }
  34. &--disabled {
  35. color: @gray-dark;
  36. }
  37. &--disabled:active::after {
  38. display: none;
  39. }
  40. }
  41. &__content {
  42. width: 65%;
  43. height: 100%;
  44. padding-left: 15px;
  45. margin-left: 35%;
  46. overflow: scroll;
  47. -webkit-overflow-scrolling: touch;
  48. background-color: @white;
  49. box-sizing: border-box;
  50. }
  51. &__item {
  52. position: relative;
  53. font-weight: bold;
  54. line-height: 44px;
  55. &--active {
  56. color: @red;
  57. }
  58. &--disabled,
  59. &--disabled:active {
  60. color: @gray;
  61. }
  62. }
  63. &__selected {
  64. position: absolute;
  65. top: 0;
  66. right: 15px;
  67. bottom: 0;
  68. height: 24px;
  69. margin: auto 0;
  70. line-height: 24px;
  71. }
  72. }