Lines Matching refs:swiper

1 # <swiper> Development
4 …swiper>** component is a sliding container used to switch between child components. For details…
7 ## Creating a <swiper> Component
9 Create a **<swiper>** component in the .hml file under **pages/index**.
14   <swiper>
24   </swiper>
39 swiper{
61 > The **&lt;swiper&gt;** component supports child components except **&lt;list&gt;**.
66 When **loop** is set to **false**, the **autoplay** attribute is added to the **&lt;swiper&gt;** co…
72   <swiper index="1"  autoplay="true" interval="2000" indicator="true" digital="true" duration="500"
86   </swiper>
101 swiper{
122 …fect only when there are two or more than two child components of the **&lt;swiper&gt;** component.
129 Set the width and height of the **&lt;swiper&gt;** component, the indicator's size (**indicator-siz…
135     <swiper index="1" autoplay="true" interval="2000"  duration="500" >
145     </swiper>
160 swiper{
188 …**swipeTo** method is called to go to the specified page. Bind the **&lt;swiper&gt;** component wi…
194   <swiper interval="2000" onchange="change" loop="false" onanimationfinish="finish" id="swiper">
207   </swiper>
232 swiper{
274     this.$element('swiper').swipeTo({index: Number(e.newValue)});
277     this.$element('swiper').showPrevious();
280     this.$element('swiper').showNext();
290 Use the **&lt;swiper&gt;** component to create an image carousel and a thumbnail module at the bott…
296   <swiper duration="500" indicator="false" id="swiper" onchange="change">
300   </swiper>
319 swiper{
359     this.$element('swiper').swipeTo({index: index});