@antmjs/vantui/lib/collapse-item/index.less

一套适用于Taro3及React的vantui组件库

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

.van-collapse-item {
  &__title {
    .van-cell__right-icon {
      transform: rotate(90deg);
      .theme(transition, 'transform @collapse-item-transition-duration');
    }

    &--expanded {
      .van-cell__right-icon {
        transform: rotate(-90deg);
      }
    }

    &--disabled {
      .van-cell,
      .van-cell__right-icon {
        .theme(color, '@collapse-item-title-disabled-color') !important;
      }

      .van-cell--hover {
        .theme(background-color, '@white') !important;
      }
    }
  }

  &__wrapper {
    overflow: hidden;
  }

  &__animation-box {
    height: 0;
  }

  &__content {
    .theme(color, '@collapse-item-content-text-color');
    .theme(font-size, '@collapse-item-content-font-size');
    .theme(line-height, '@collapse-item-content-line-height');
    .theme(background-color, '@collapse-item-content-background-color');

    transition: all @collapse-item-transition-duration ease-in-out;
    overflow: hidden;

    &_wrapper {
      .theme(padding, '@collapse-item-content-padding');
    }
  }
}