使用u-view框架给小程序做图片轮播效果

<u-swiper :list="repairimg" :autoplay="false" mode="number" indicator-pos="topRight" :circular="false"></u-swiper>

:list:是图片数组

:autoplay:是否自动轮播

mode:是表示显示的是数字还是其他图片轮播样式

indicator-pos:表示图片计数的位置

:circular:表示图片划到最后一张的时候的是否可以接着划到第一张

data(){
  return {
    repairimg:[
                    {image:'../../static/logo.png'},
                    {image:'../../static/logo.png'},
                    {image:'../../static/logo.png'},
       ],
  }
}

我这里放了三张图片

效果图:

使用u-view框架给小程序做图片轮播效果

 

上一篇:background-image


下一篇:公众号Logo设计征集