使用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'}, ],
  }
}

我这里放了三张图片

效果图:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM