vux的轮播图

木木芳草

于 2020-10-26 16:02:50 发布

阅读量453

点赞数

分类专栏：移动端

本文链接：https://blog.csdn.net/weixin_44817180/article/details/109291766

版权

移动端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

 <div class="first-header-class">
          <swiper  height="150px" dots-position="center" :loop="true" :auto="true" :show-dots="false">
            <swiper-item v-for="(item,index) in swiperList" :key="index" >
             <img :src="item.src" class="img-class-all" @click="bannerClick(index)" />
            </swiper-item>
          </swiper>
        </div>

data中的数据
 swiperList:[
                    {src:require('../../assets/images/firstPage/first_header_01.png')},
                    {src:require('../../assets/images/firstPage/first_header_02.png')},
                    {src:require('../../assets/images/firstPage/first_header_03.png')},
                    {src:require('../../assets/images/firstPage/first_header_04.png')},
                    {src:require('../../assets/images/firstPage/first_header_05.png')},
                ],