123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- .sidebar-item-index {
- display: block;
- height: initial;
- }
- @import "../common/index.acss";
- .sidebar-item-index .van-sidebar-item {
- display: block;
- box-sizing: border-box;
- overflow: hidden;
- border-left: 3px solid transparent;
- -webkit-user-select: none;
- user-select: none;
- padding: 20px 12px 20px 8px;
- padding: var(--sidebar-padding, 20px 12px 20px 8px);
- font-size: 14px;
- font-size: var(--sidebar-font-size, 14px);
- line-height: 20px;
- line-height: var(--sidebar-line-height, 20px);
- color: #323233;
- color: var(--sidebar-text-color, #323233);
- background-color: #f7f8fa;
- background-color: var(--sidebar-background-color, #f7f8fa);
- }
- .sidebar-item-index .van-sidebar-item__text {
- position: relative;
- display: inline-block;
- word-break: break-all;
- }
- .sidebar-item-index .van-sidebar-item--hover:not(.van-sidebar-item--disabled) {
- background-color: #f2f3f5;
- background-color: var(--sidebar-active-color, #f2f3f5);
- }
- .sidebar-item-index .van-sidebar-item:after {
- border-bottom-width: 1px;
- }
- .sidebar-item-index .van-sidebar-item--selected {
- color: #323233;
- color: var(--sidebar-selected-text-color, #323233);
- font-weight: 500;
- font-weight: var(--sidebar-selected-font-weight, 500);
- border-color: #ee0a24;
- border-color: var(--sidebar-selected-border-color, #ee0a24);
- }
- .sidebar-item-index .van-sidebar-item--selected:after {
- border-right-width: 1px;
- }
- .sidebar-item-index .van-sidebar-item--selected,
- .sidebar-item-index .van-sidebar-item--selected.van-sidebar-item--hover {
- background-color: #fff;
- background-color: var(--sidebar-selected-background-color, #fff);
- }
- .sidebar-item-index .van-sidebar-item--disabled {
- color: #c8c9cc;
- color: var(--sidebar-disabled-text-color, #c8c9cc);
- }
|