Swiper 幻灯片 - 显示最后一张幻灯片 100%

Question

我尝试使用 swiper js 创建一个滑块。有没有办法根据图像获得相似的结果？

1. 对于 1,2 滑块显示 100% 和 3 滑块显示 60% 并一次移动两张幻灯片。
2. 对于最后一张幻灯片，只有第三张幻灯片。

const swiperUserGuide = new Swiper('.swiper-userguide', {
  loop: false,
  slidesPerView: 2.7,
  slidesPerGroup: 2,
  centeredSlides: false,
  observer: true,
  observeParents: true,
  spaceBetween: 40,
  pagination: {
    el: '.swiper-pagination',
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  on: {
    reachEnd: function () {
      const numberOfSlides = this.slides.length - 1;
      if(numberOfSlides) {
        document.querySelector('.swiper-userguide .swiper-slide:last-child').classList.add('swiper-slide-last');
      }
    }
  }
});