vue中使用swiper6、vue-awesome-swiper渐变效果、多图轮播及单图轮播

碎银几两，能解世间各种慌张

官网

• swiper官网
• swiper中文网

第一步（下载）

npm i swiper vue-awesome-swiper -S

第二步（使用）

<template>
  <div class="wrapper">
    <Swiper  v-if="swiperList.length>1" ref="mySwiper" :options="swiperOption" class="swiper-container">
      <SwiperSlide class="swiper-item" v-for="item of swiperList" :key="item.id">
        <img :src="item.imgUrl"/>
      </SwiperSlide>
      <div class="swiper-pagination" slot="pagination"></div>
      <div class="swiper-button-prev" slot="button-prev"></