vue中引入swiper

Posted 2020-09-13 世界，太精彩

import { swiper, swiperSlide } from ‘vue-awesome-swiper‘

data () {
    return {
        swiperOption: {
            height: 160,
            speed: 2000,
            autoplay: 3000,
            direction: ‘vertical‘,
            autoHeight: true,
            loop: true
        }
    }
},

swiper(:options=‘swiperOption‘ v-loading=‘loading‘ element-loading-text=‘数据加载中，请稍候...‘)
    swiper-slide(v-for=‘rows in recs‘)
        ul
            li(v-for=‘item in rows‘)
                a(:href=‘item.profileUrl‘ target=‘_blank‘)
                    img(:src=‘item.icon‘)
                span.item
                    h3 {{item.nick}}
                    p.desc {{item.desc}}
                    p.statis
                        span 粉丝量：{{item.fans >= 1000000 ? Math.floor(item.fans / 10000) + ‘万‘ : item.fans}}
                        span 上周播放量：{{item.plays}}次