微信小程序中的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                         自動切換時間間隔 

更多的屬性可以去查看微信小程序官方教程

https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html

這里vertical=”true”在官方文檔中沒有提到，定義這個可以上下滑動

還有一點需要注意vertical=”false”時，仍然是上下滑動，原因就是微信小程序在解析時將”false”看成字符串，只要字符串不為空，就為真。所以我們需要這樣寫：vertical=”{{false}}”

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！