使用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