Slider view container (Swiper) detailed explanation and instance code

The slider view of WeChat applet

Realguing Figure:

微信小程序 开发之滑块视图容器(swiper)详解及实例代码

It is very simple to see, see how the code is written:

          This is the layout, look at JS inside code:  

Page ({data: { imgUrls: [ ‘http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg’, ‘http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg’, ‘http: // img06. Tooopen.com/images/20160818/toOpen_SY_175833047715.JPG ‘], Indcatordots: true, autoplay: True, Interval: 5000, Duration: 500},

 , Swiper has the following Some common attributes:  
The two properties of the marker temporarily regardless of.


Note

: Only the components can be placed. Otherwise, undefined behavior will be caused.

微信小程序 开发之滑块视图容器(swiper)详解及实例代码 Swiper-item

only placedIn the component, the ash is automatically set to 100%.

That’s it, try it yourself. Thanks for reading, I hope to help everyone, thank you for your support of this site!

© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment