SOURCE

// Vue.use(window.VueAwesomeSwiper);
// swiperOption: {
//                 centeredSlides: false, // 选中slide居中显示
//                 initialSlide: 0, // 默认选中项索引
//                 slidesPerView: 1, // 自动匹配每次显示的slide个数,loop='auto'模式下，还需要设置loopedSlides
//                 effect: 'coverflow', // 切换效果-3d
//                 coverflowEffect: {
//                     rotate: 0,
//                     stretch: 110,
//                     depth: 160,
//                     modifier: 2,
//                     slideShadows: false
//                 },
//                 pagination: {
//                     el: '.swiper-pagination'
//                 },
//                 navigation: {
//                     nextEl: '.swiper-button-next',
//                     prevEl: '.swiper-button-prev'
//                 },
//             },
            // swiperOption: {
            //     loop: false,
            //     observer: true,
            //     observerParents: true,
            //     effect: 'coverflow',
            //     navigation: {
            //         nextEl: '.swiper-button-next',
            //         prevEl: '.swiper-button-prev'
            //     },
            //
            //     on: {
            //         // click: function (data) {
            //         //     debugger
            //         //     var bg = vuetest.cardRecord[this.realIndex-1].modelbg;
            //         //     var modnum = vuetest.cardRecord[this.realIndex-1].modelnum;
            //         //     vuetest.goToClip(bg,modnum);
            //         // }
            //     }
            // },

<swiper :options="swiperOption" class="swiper">
                <swiper-slide v-for="(item,index) in cardRecord">
                    <div class="card">
                        <div class="card-img-wrapper">
                            <img class="img" style="width: 5.12rem;height: 9.81rem" :src="item.detailUrl">
                            <button class="jiahaobtn" @click="goToClip(item.modelbg,item.modelnum)"></button>
                            <%--                            <button class="jiahaobtn"></button>--%>
                        </div>
                    </div>
                </swiper-slide>
            </swiper>