微信小程式之文字向上滾動效果

weixin_34320159發表於2018-08-23

根據專案需要,實現文字上下滾動的廣告效果,其在pc端和手機上也比較常見這種效果,但在小程式裡如何實現呢?

經過一番研究發現,可以使用微信小程式的swiper滑塊檢視容器元件實現這種效果。效果圖如下:


4041074-aefbed81c6b8ceb2.png

設定swiper元件vertical的屬性為true,即可實現文字上下滾動的效果。


4041074-89d942b388de4d65.png

示例程式碼已上傳到GitHub上,地址:wx-roll,歡迎start。

相關文章