vertical swiper 嵌套 horizontal swiper

[Chinvaejay]

vertical swiper 嵌套 horizontal swiper 有一个样式问题
vertical 的样式使用了后代选择器会覆盖 horizontal 的样式, 导致 horizontal 的轮播滚动出问题

// src/components/swiper/swiper.less
.adm-swiper-vertical {
  .adm-swiper-track-allow-touch-move {
    touch-action: pan-x;
  }
  .adm-swiper-indicator {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
  }
  .adm-swiper-track {
    transform: translateY(var(--track-offset));
    &-inner {
      flex-direction: column;
      height: var(--slide-size);
    }
  }
}

可以修改为

// src/components/swiper/swiper.less
.adm-swiper-vertical {
  .adm-swiper-track-allow-touch-move {
    touch-action: pan-x;
  }
  .adm-swiper-indicator {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
  }
  > .adm-swiper-track {
    transform: translateY(var(--track-offset));
    > &-inner {
      flex-direction: column;
      height: var(--slide-size);
    }
  }
}