单独介绍vue-awesome-swiper

从'vue导入Vue'import{swiper,swiperSlide}from'vue-awesome-swiper'require('swiper/dist/css/swiper.css')exportdefault{data(){return{swiperOption:{speed:300,spaceBetween:15,centeredSlides:true,slidesPerView:'auto',notNextTick:true,loop:true,initialSlide:0,autoplay:{延迟：3999，disableOnInteraction：false}，分页：{el：'.swiper-pagination'}，速度：800}}}，组件：{swiper，swiperSlide}}.swiper-container{margin-top：10像素；}.swiper-slide{最大宽度：77%；}.swiper-slideimg{宽度：100%；}.swiper-slide>a>img{宽度：100%；}.swiper-slidea{transition:0.2s;}.swiper-slidea:hover{不透明度：1；}.swiper-pagination{text-align:center!important;宽度：100%；顶部边距：10px；边距顶部：-30px；}.swiper-pagination.swiper-pagination-bullet{宽度：6%；高度：5px；背景：#FFFFFF；边界半径：0；}.swiper-button-prev{宽度：40%；高度：100%；左：-450px；顶部：0；边界半径：0px；保证金顶部：0；z-指数：99；过渡：0.2s；}.swiper-button-prev:before{内容：'';位置：绝对；宽度：15px；高度：100%；左：94%；顶部：50%；边距顶部：-180px；}.swiper-button-next{宽度：40%；高度：100%；右：-450px；顶部：0；边界半径：0px；保证金顶部：0；z-指数：99；过渡：0.2s；}.swiper-button-next:after{内容：'';位置：绝对；宽度：15px；高度：100%；正确：94%；顶部：50%；边距顶部：-180px；变换：旋转（180度）；}.swiper-button-prev:hover,.swiper-button-next:hover{opacity:1;