@gizwits/vantui/es/index-bar/index.less

机智云组件库

@import '../style/var.less';

.van-index-bar {
  position: relative;

  &__sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    transform: translateY(-50%);
    user-select: none;
    z-index: @index-bar-index-sidebar-zindex;
  }

  &__index {
    font-weight: 500;
    .theme(padding, '0 @padding-base 0 @padding-md');
    .theme(font-size, '@index-bar-index-font-size');
    .theme(line-height, '@index-bar-index-line-height');
  }

  &__popup {
    width: @index-bar-index-popup-width;
  }
}