index.less 1015 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import '../style/var';
  2. .van-tree-select {
  3. position: relative;
  4. display: flex;
  5. font-size: @tree-select-font-size;
  6. user-select: none;
  7. &__nav {
  8. flex: 1;
  9. overflow-y: auto;
  10. background-color: @tree-select-nav-background-color;
  11. -webkit-overflow-scrolling: touch;
  12. &-item {
  13. padding: @tree-select-nav-item-padding;
  14. }
  15. }
  16. &__content {
  17. flex: 2;
  18. overflow-y: auto;
  19. background-color: @tree-select-content-background-color;
  20. -webkit-overflow-scrolling: touch;
  21. }
  22. &__item {
  23. position: relative;
  24. padding: 0 32px 0 @padding-md;
  25. font-weight: @font-weight-bold;
  26. line-height: @tree-select-item-height;
  27. cursor: pointer;
  28. &--active {
  29. color: @tree-select-item-active-color;
  30. }
  31. &--disabled {
  32. color: @tree-select-item-disabled-color;
  33. cursor: not-allowed;
  34. }
  35. }
  36. &__selected {
  37. position: absolute;
  38. top: 50%;
  39. right: @padding-md;
  40. margin-top: -@padding-xs;
  41. font-size: @tree-select-item-selected-size;
  42. }
  43. }