這期內容當中小編將會給大家帶來有關如何在微信小程序中使用swiper組件，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
微信小程序中的swiper組件
微信小程序中的swiper組件真的是簡單方便
提供了頁面中圖片文字等滑動的效果
<swiper> <swiper-item></swiper-item> <swiper-item></swiper-item> <swiper-item></swiper-item> </swiper>
這里的就是一個滑塊視圖容器；而就是你希望滑動的東西，可以是文字也可以是image
其中swiper有很多屬性。常用的有
屬性名 默認值 作用
indicator-dots false 是否顯示面板指示點
indicator-color rgba(0, 0, 0, .3) 指示點的顏色
indicator-active-color #000000 當前選中的指示點顏色
autoplay false 是否自動播放
intervaly 5000 自動切換時間間隔
這里vertical=”true”在官方文檔中沒有提到，定義這個可以上下滑動
還有一點需要注意vertical=”false”時，仍然是上下滑動，原因就是微信小程序在解析時將”false”看成字符串，只要字符串不為空，就為真。所以我們需要這樣寫：vertical=”{{false}}”
上述就是小編為大家分享的如何在微信小程序中使用swiper組件了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
