Ant Design Vue 走马灯 自定义单页展示多张图片，控制每次轮播张数的方法

我们可以看到官网给的api是没有这种功能，百度上也多是在css上动刀，那样也就毕竟繁琐了，我们是什么？我们是程序猿啊，程序猿就该有程序猿的样子，怎么能写繁琐的东西呢，那还怎么为公司项目提高效率！！！

关键代码 

:slides-to-show="5"//单页展示5张图片

:slides-to-scroll="1" //每次滚动1张图片

使用案例：

<template>

  <!-- 推荐品牌 -->

  <div class="recommended_brand">

    <h2>推荐品牌</h2>

    <div class="subscript"></div>

    <!-- 推荐商品轮播图 -->

    <div class="rotation_chart">

      <a-carousel arrows autoplay dots="false" :slides-to-show="5" :slides-to-scroll="1">

        <div slot="prevArrow" class="custom-slick-arrow">

          <img src="@/assets/img/home/recommend_left.png" />

        </div>

        <div slot="nextArrow" class="custom-slick-arrow">

          <img src="@/assets/img/home/recommend_right.png" />

        </div>

        <div>

          <h3>1</h3>

        </div>

        <div>

          <h3>2</h3>

        </div>

        <div>

          <h3>3</h3>

        </div>

        <div>

          <h3>4</h3>

        </div>

        <div>

          <h3>5</h3>

        </div>

        <div>

          <h3>6</h3>

        </div>

        <div>

          <h3>7</h3>

        </div>

      </a-carousel>

    </div>

  </div>

</template>

效果如图：