index.acss 1.5 KB

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