微信小程序中的swiper組件

微信小程序中的swiper組件真的是簡單方便

提供了頁面中圖片文字等滑動的效果

<swiper>  <swiper-item></swiper-item>  <swiper-item></swiper-item>  <swiper-item></swiper-item></swiper>

這里的就是一個滑塊視圖容器；而就是你希望滑動的東西，可以是文字也可以是image

其中swiper有很多屬性。常用的有

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

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

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

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

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