ionic slide-box等元素使用

ionic 建立app时引导页的制作

通常的引导页是由一些简单、包含app主要特点的几幅页面滑动显示，在ionic中 引导页通常使用javascript元素  Slide box.

<ion-slide-box does-continue="true" auto-play="true" slide-interval="2000" slide-pager="true" class="box-bg">
    <ion-slide class="box">
       box1
    </ion-slide>

    <ion-slide class="box">
        box2
    </ion-slide>

    <ion-slide class="box">
        box3
    </ion-slide>
</ion-slide-box>

如上代码所示，使用ion-slide-box作为容器，ion-slide作为容器中滑动的元素，注意在css文件中如果要让每个.box高度变为100%等，先改变ion-slide-box中box-bg的height为100%。

属性设置：

1. does-continue="true" 

是否重复滑动显示

2.auto-play="true" 

自动滑动

3.slide-interval="2000" 

自动滑动的时间间隔

4. slide-pager="true" 

显示page图标