index.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import '../common/index.css';
  2. .van-tree-select {
  3. position: relative;
  4. display: -webkit-flex;
  5. display: flex;
  6. -webkit-user-select: none;
  7. user-select: none;
  8. font-size: 14px;
  9. font-size: var(--tree-select-font-size, 14px);
  10. }
  11. .van-tree-select__nav {
  12. -webkit-flex: 1;
  13. flex: 1;
  14. background-color: #f7f8fa;
  15. background-color: var(--tree-select-nav-background-color, #f7f8fa);
  16. --sidebar-padding: 12px 8px 12px 12px;
  17. }
  18. .van-tree-select__nav__inner {
  19. width: 100% !important;
  20. height: 100%;
  21. }
  22. .van-tree-select__content {
  23. -webkit-flex: 2;
  24. flex: 2;
  25. background-color: #fff;
  26. background-color: var(--tree-select-content-background-color, #fff);
  27. }
  28. .van-tree-select__item {
  29. position: relative;
  30. font-weight: 700;
  31. padding: 0 32px 0 16px;
  32. padding: 0 32px 0 var(--padding-md, 16px);
  33. line-height: 44px;
  34. line-height: var(--tree-select-item-height, 44px);
  35. }
  36. .van-tree-select__item--active {
  37. color: #ee0a24;
  38. color: var(--tree-select-item-active-color, #ee0a24);
  39. }
  40. .van-tree-select__item--disabled {
  41. color: #c8c9cc;
  42. color: var(--tree-select-item-disabled-color, #c8c9cc);
  43. }
  44. .van-tree-select__selected {
  45. position: absolute;
  46. top: 50%;
  47. -webkit-transform: translateY(-50%);
  48. transform: translateY(-50%);
  49. right: 16px;
  50. right: var(--padding-md, 16px);
  51. }