index.acss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .sidebar-item-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .sidebar-item-index .van-sidebar-item {
  7. display: block;
  8. box-sizing: border-box;
  9. overflow: hidden;
  10. border-left: 3px solid transparent;
  11. -webkit-user-select: none;
  12. user-select: none;
  13. padding: 20px 12px 20px 8px;
  14. padding: var(--sidebar-padding, 20px 12px 20px 8px);
  15. font-size: 14px;
  16. font-size: var(--sidebar-font-size, 14px);
  17. line-height: 20px;
  18. line-height: var(--sidebar-line-height, 20px);
  19. color: #323233;
  20. color: var(--sidebar-text-color, #323233);
  21. background-color: #f7f8fa;
  22. background-color: var(--sidebar-background-color, #f7f8fa);
  23. }
  24. .sidebar-item-index .van-sidebar-item__text {
  25. position: relative;
  26. display: inline-block;
  27. word-break: break-all;
  28. }
  29. .sidebar-item-index .van-sidebar-item--hover:not(.van-sidebar-item--disabled) {
  30. background-color: #f2f3f5;
  31. background-color: var(--sidebar-active-color, #f2f3f5);
  32. }
  33. .sidebar-item-index .van-sidebar-item:after {
  34. border-bottom-width: 1px;
  35. }
  36. .sidebar-item-index .van-sidebar-item--selected {
  37. color: #323233;
  38. color: var(--sidebar-selected-text-color, #323233);
  39. font-weight: 500;
  40. font-weight: var(--sidebar-selected-font-weight, 500);
  41. border-color: #ee0a24;
  42. border-color: var(--sidebar-selected-border-color, #ee0a24);
  43. }
  44. .sidebar-item-index .van-sidebar-item--selected:after {
  45. border-right-width: 1px;
  46. }
  47. .sidebar-item-index .van-sidebar-item--selected,
  48. .sidebar-item-index .van-sidebar-item--selected.van-sidebar-item--hover {
  49. background-color: #fff;
  50. background-color: var(--sidebar-selected-background-color, #fff);
  51. }
  52. .sidebar-item-index .van-sidebar-item--disabled {
  53. color: #c8c9cc;
  54. color: var(--sidebar-disabled-text-color, #c8c9cc);
  55. }